X-Git-Url: https://git.sev.monster/~sev/dotfiles.git/blobdiff_plain/7a20bbac7128368888ea23969b09b99e43def1bc..496e2ee3615fc4ceaf71a3be2c5ba3c7b8689784:/firefox/chrome/theme.as.css

diff --git a/firefox/chrome/theme.as.css b/firefox/chrome/theme.as.css
index f5807bf..75f6953 100644
--- a/firefox/chrome/theme.as.css
+++ b/firefox/chrome/theme.as.css
@@ -1,7 +1,9 @@
 /*** Dark theme ***/
 /* inspired by https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme */
+@namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
-*|*:root {
+/* adjust internal vars */
+*:root {
     /*TODO: eventually change to use lwt/chrome/-moz colors*/
     --in-content-page-color: #ccc !important;
     --in-content-page-background: #222 !important;
@@ -12,6 +14,8 @@
     --in-content-box-background-hover: #555 !important;
     --in-content-box-background-active: #333 !important;
     --in-content-box-border-color: #777 !important;
+    --info-box-background-color: var(--in-content-box-background) !important;
+    --info-box-border-color: var(--in-content-box-border-color) !important;
     /* --in-content-item-hover: rgba(0,149,221,0.25); */
     --in-content-item-selected: -moz-cellhighlight !important;
     /* --in-content-border-highlight: #0a84ff; */
@@ -48,33 +52,37 @@
         background: var(--in-content-box-background) !important;
     }
 }
-@-moz-document url(about:plugins) {
-    body {
+@-moz-document url(about:plugins), url(about:restartrequired),
+               url(about:serviceworkers), url(about:webrtc) {
+    html, body {
+        /* XXX: doesnt always apply */
         background-color: var(--in-content-background-color) !important;
     }
 }
-/*todo: RESTARTREQUIRED*/
-
-/* These variable changes the scrollbars size and color.
- * The scrollbars-width only has 3 acceptable values:
- *     auto: default OS size
- *     thin: half the width (will be hidden in about: pages)
- *     none: hidden scrollbar
- */
-*|*:root {
-    --scrollbars-width: thin;
-    --scrollbars-thumb-color: #05a;
-    --scrollbars-track-color: #252525;
-    scrollbar-color: var(--scrollbars-thumb-color) var(--scrollbars-track-color) !important;
-    scrollbar-width: var(--scrollbars-width) !important;
+@-moz-document url(about:webrtc) {
+    .stats, .log {
+        background-color: var(--info-box-background-color) !important;
+        border-color: var(--info-box-border-color) !important;
+    }
 }
-*|* {
-    scrollbar-width: var(--scrollbars-width) !important;
+@-moz-document url(about:preferences), url(about:addons) {
+    .info-panel, .extension-controlled {
+        background-color: var(--info-box-background-color) !important;
+        border-color: var(--info-box-border-color) !important;
+    }
+}
+
+/* Scrollbar */
+xul|page, xul|scrollbar, *:root {
+    /* scrollbar-color: rgb(210, 210, 210) rgb(46, 54, 69) !important; */
+    scrollbar-color: #05a #252525 !important;
+    scrollbar-width: none !important;
 }
 
 /* This should change the "not found" page image colors */
-.illustrated #errorPageContainer:not(.button-container),
-#lic-info .license-header:not(a) {
+#errorPageContainer:not(.button-container),
+#your-rights .rights-header,
+#lic-info .license-header {
     filter: invert(95%) hue-rotate(200deg)
 }
 @-moz-document url(about:devtools) {
@@ -83,19 +91,19 @@
     }
 }
 /* This fixes the inverted colors caused by the image filter */
-.illustrated #errorPageContainer .button-container,
-.illustrated #errorPageContainer #text-container,
-#lic-info .license-header p,
-#lic-info .license-header h1 {
+#errorPageContainer .button-container,
+#errorPageContainer #text-container,
+#your-rights .rights-header div,
+#lic-info .license-header div {
     filter: invert(95%) hue-rotate(-200deg)
 }
 
 /* View source */
-@-moz-document url-prefix(view-source:){
-html {
-    background: #222 !important;
-    color: #ccc !important}
-
+@-moz-document url-prefix(view-source:) {
+    html {
+        background: #222 !important;
+        color: #ccc !important;
+    }
     .attribute-name {color: #093 !important}
     .start-tag, .end-tag {color: #f93 !important}
     .attribute-value {color: #09f !important}