Fix overriding font-family for both light and dark themes (#1930)

Author: federicobond

debug_toolbar/static/debug_toolbar/css/toolbar.css

@@ -1,6 +1,5 @@
 /* Variable definitions */
-:root,
-#djDebug[data-theme="light"] {
+:root {
     /* Font families are the same as in Django admin/css/base.css */
     --djdt-font-family-primary: "Segoe UI", system-ui, Roboto, "Helvetica Neue",
         Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
@@ -10,7 +9,10 @@
         "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New",
         monospace, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
         "Noto Color Emoji";
+}
 
+:root,
+#djDebug[data-theme="light"] {
     --djdt-font-color: black;
     --djdt-background-color: white;
     --djdt-panel-content-background-color: #eee;

docs/changes.rst

@@ -4,6 +4,8 @@ Change log
 Pending
 -------
 
+* Fix overriding font-family for both light and dark themes.
+
 4.4.2 (2024-05-27)
 ------------------