format all the stylesheets.

has to be done periodically since I do some editing in the dev tools.
aminomancer · Jan 7, 2022 · 2f57fdb · 2f57fdb
1 parent 3847856
commit 2f57fdb
Show file tree

Hide file tree

Showing 20 changed files with 264 additions and 139 deletions.
diff --git a/resources/in-content/devtools.css b/resources/in-content/devtools.css
@@ -461,7 +461,7 @@ and a few elements like checkboxes */
     }
 
     #style-editor-chrome-window li.unsaved > hgroup .stylesheet-name label,
-    #style-editor-chrome-window li.unsaved > hgroup .stylesheet-name::before, 
+    #style-editor-chrome-window li.unsaved > hgroup .stylesheet-name::before,
     #style-editor-chrome-window li.unsaved > hgroup .stylesheet-name::after {
         color: var(--low-warning-text-color) !important;
     }

diff --git a/resources/in-content/ext-bitwarden.css b/resources/in-content/ext-bitwarden.css
@@ -6,10 +6,10 @@
 
 /* bitwarden */
 
-iframe#bit-notification-bar-iframe[src^="moz-extension://"] {
+iframe#bit-notification-bar-iframe[src^="moz-extension://"]
+{
     filter: none !important;
-    box-shadow: 0 3px 8px hsla(0, 0%, 0%, 0.1),
-        0 0 2px hsla(0, 0%, 0%, 0.3) !important;
+    box-shadow: 0 3px 8px hsla(0, 0%, 0%, 0.1), 0 0 2px hsla(0, 0%, 0%, 0.3) !important;
 }
 
 @-moz-document url-prefix("moz-extension://c1ea5f85-7682-4d41-86cf-4946657a717e/popup/index.html")
@@ -78,7 +78,8 @@ iframe#bit-notification-bar-iframe[src^="moz-extension://"] {
         display: block;
         width: 26px;
         height: 26px;
-        background: var(--in-content-primary-button-background) url(chrome://userchrome/content/material/bitwarden.svg) center/18px no-repeat;
+        background: var(--in-content-primary-button-background)
+            url(chrome://userchrome/content/material/bitwarden.svg) center/18px no-repeat;
         -moz-context-properties: fill, fill-opacity;
         fill: white;
         border-radius: var(--general-button-border-radius);

diff --git a/resources/in-content/ext-simpletranslate.css b/resources/in-content/ext-simpletranslate.css
@@ -41,7 +41,8 @@
         display: flex;
     }
 
-    textarea, select {
+    textarea,
+    select {
         background-color: var(--search-box-color) !important;
         color: var(--ui-text-100) !important;
         border: 1px solid transparent !important;
@@ -132,7 +133,8 @@
         background-color: var(--in-parent-link-color) !important;
     }
 
-    .react-toggle--checked:is(:hover, :focus-within):not(.react-toggle--disabled) .react-toggle-track {
+    .react-toggle--checked:is(:hover, :focus-within):not(.react-toggle--disabled)
+        .react-toggle-track {
         background-color: var(--in-parent-link-color-hover) !important;
     }
 

diff --git a/resources/in-content/ext-ublock.css b/resources/in-content/ext-ublock.css
@@ -30,9 +30,14 @@
             --default-ink: var(--light-gray-10) !important;
             --default-ink-a4: var(--light-gray-10-a4) !important;
             --default-ink-a50: var(--light-gray-30-a50) !important;
-            --default-surface: var(--dark-gray-90) !important;
-            --default-surface-hover: var(--dark-gray-50) !important;
-            --bg-1: hsl(250, 13%, 9%) !important;
+            --dark-gray-10: hsl(240, 4%, 34.5%) !important;
+            --dark-gray-30: hsl(240, 4%, 27.8%) !important;
+            --dark-gray-40: hsl(240, 4%, 24.5%) !important;
+            --dark-gray-50: hsl(240, 4%, 21.4%) !important;
+            --dark-gray-70: hsl(240, 4%, 15.1%) !important;
+            --dark-gray-80: hsl(240, 4%, 12%) !important;
+            --dark-gray-90: hsl(240, 4%, 9%) !important;
+            --bg-1: var(--in-content-bg-dark) !important;
             --bg-1-border: hsl(250.9, 13.6%, 15.9%) !important;
             --bg-overlay-50: hsla(0, 0%, 0%, 0.5) !important;
             --bg-code: hsla(0, 2%, 0%, 0.8) !important;
@@ -47,6 +52,8 @@
             --fieldset-header-surface: transparent !important;
             --fieldset-header-ink: var(--light-gray-30) !important;
             --hr-ink: var(--dark-gray-50) !important;
+            --default-surface: var(--dark-gray-90) !important;
+            --default-surface-hover: var(--dark-gray-50) !important;
             --button-surface-hover: var(--light-gray-10-a12) !important;
             --button-disabled-filter: opacity(38%) !important;
             --button-disabled-surface: var(--dark-gray-50) !important;
@@ -106,8 +113,46 @@
             --checkbox-hover-ink: hsl(266.9, 35.2%, 35.7%) !important;
         }
 
-        :root:not([#ublock0-epicker]) body {
-            background-color: hsl(250, 13%, 9%) !important;
+        :root:not(#ublock0-epicker) body {
+            background-color: var(--bg-1) !important;
+        }
+
+        #uBO-popup-panel body {
+            --font-size: 12px !important;
+            --popup-gap: 10px !important;
+            --popup-gap-thin: 5px !important;
+            --popup-gap-extra-thin: 2px !important;
+            --checkbox-size: calc(var(--font-size) + 2px) !important;
+        }
+
+        #uBO-popup-panel #main {
+            max-width: 280px !important;
+        }
+
+        #uBO-popup-panel #basicStats > [data-i18n] {
+            font-size: var(--font-size) !important;
+        }
+
+        #uBO-popup-panel #basicStats > [data-i18n] + span {
+            font-size: calc(var(--font-size) + 1px) !important;
+        }
+
+        #uBO-popup-panel .toolRibbon {
+            display: flex !important;
+            flex-flow: row nowrap !important;
+        }
+
+        #uBO-popup-panel .toolRibbon .tool {
+            font-size: calc(var(--font-size) + 4px) !important;
+            flex-grow: 1 !important;
+        }
+
+        #uBO-popup-panel body:not([data-more~="a"]) [data-more="a"],
+        #uBO-popup-panel body:not([data-more~="b"]) [data-more="b"],
+        #uBO-popup-panel body:not([data-more~="c"]) [data-more="c"],
+        #uBO-popup-panel body:not([data-more~="d"]) [data-more="d"],
+        #uBO-popup-panel body:not([data-more~="f"]) [data-more="f"] {
+            border: none !important;
         }
 
         @supports -moz-bool-pref("userChrome.css.mac-ui-fonts") {
@@ -128,8 +173,9 @@
             background-color: hsl(246.7, 11.7%, 15.1%) !important;
         }
 
-        #actions {
-            background-color: hsl(250, 13%, 9%) !important;
+        #actions,
+        #sticky {
+            background-color: var(--bg-1) !important;
         }
 
         .CodeMirror-cursor {

diff --git a/resources/in-content/site-wiki.css b/resources/in-content/site-wiki.css
@@ -21,7 +21,8 @@ You can use greasemonkey or any other form of monkey that supports the document-
         opacity: revert !important;
     }
 
-    .minerva-header .branding-box
+    .minerva-header
+        .branding-box
         img[src="/static/images/mobile/copyright/wikipedia-wordmark-en.svg"] {
         filter: invert(1);
     }
@@ -264,8 +265,8 @@ You can use greasemonkey or any other form of monkey that supports the document-
         --uc-wiki-text-100: hsl(0, 0%, 100%);
         --uc-wiki-main-bg: hsl(240, 2%, 10%);
         --uc-wiki-box-bg: hsl(240, 1.4%, 13.9%);
-/*         backdrop filter has been temporarily disabled by mozilla */
-/*         --uc-wiki-panel-bg: hsla(0, 0%, 3.1%, 0.7); */
+        /* backdrop filter has been temporarily disabled by mozilla */
+        /* --uc-wiki-panel-bg: hsla(0, 0%, 3.1%, 0.7); */
         --uc-wiki-panel-bg: hsl(240, 4%, 5%);
         --uc-wiki-table-header-bg: hsl(240, 5.6%, 7.1%);
         --uc-wiki-table-border-color: hsl(240, 1.4%, 19%);
@@ -1539,7 +1540,12 @@ You can use greasemonkey or any other form of monkey that supports the document-
     #bodyContent #toc > ul > li > a:not(:only-child, :hover) {
         border-radius: 0 !important;
         border-bottom: 1px solid transparent !important;
-        border-image: linear-gradient( to right, hsla(0, 0%, 100%, 0.05) 0, hsla(0, 0%, 100%, 0.2) 10%, transparent 100% ) !important;
+        border-image: linear-gradient(
+            to right,
+            hsla(0, 0%, 100%, 0.05) 0,
+            hsla(0, 0%, 100%, 0.2) 10%,
+            transparent 100%
+        ) !important;
         border-image-slice: 100%;
         border-image-slice: 0 0 1 0 !important;
     }
@@ -2365,8 +2371,8 @@ You can use greasemonkey or any other form of monkey that supports the document-
         border: 1px solid hsla(230, 3.9%, 18%, 0.5) !important;
         background-image: var(--acrylic-texture) !important;
         backdrop-filter: blur(7px) !important;
-/*         backdrop filter has been temporarily disabled by mozilla */
-/*         background-color: hsla(230, 3.9%, 2%, 0.8) !important; */
+        /* backdrop filter has been temporarily disabled by mozilla */
+        /* background-color: hsla(230, 3.9%, 2%, 0.8) !important; */
         background-color: hsl(240, 4%, 5%) !important;
         margin-block: -6px -9px !important;
         overflow: hidden !important;
@@ -2412,7 +2418,7 @@ You can use greasemonkey or any other form of monkey that supports the document-
         text-decoration: none !important;
         scrollbar-width: none !important;
     }
-        
+
     .mwe-popups.mwe-popups-type-generic .mwe-popups-extract,
     .mwe-popups.mwe-popups-type-disambiguation .mwe-popups-extract {
         color: var(--uc-wiki-link-color) !important;
@@ -2942,8 +2948,8 @@ You can use greasemonkey or any other form of monkey that supports the document-
 
     .mw-mmv-post-image {
         color: hsla(0, 0%, 100%, 0.75) !important;
-/*         backdrop filter has been temporarily disabled by mozilla */
-/*         background-color: hsla(0, 0%, 0%, 0.9) !important; */
+        /* backdrop filter has been temporarily disabled by mozilla */
+        /* background-color: hsla(0, 0%, 0%, 0.9) !important; */
         background-color: hsl(240, 4%, 5%) !important;
         background-image: var(--acrylic-texture) !important;
         backdrop-filter: blur(7px) !important;
@@ -4824,8 +4830,8 @@ You can use greasemonkey or any other form of monkey that supports the document-
         border: 1px solid hsla(230, 3.9%, 18%, 0.5) !important;
         background-image: var(--acrylic-texture) !important;
         backdrop-filter: blur(7px) !important;
-/*         backdrop filter has been temporarily disabled by mozilla */
-/*         background-color: hsla(230, 3.9%, 2%, 0.8) !important; */
+        /* backdrop filter has been temporarily disabled by mozilla */
+        /* background-color: hsla(230, 3.9%, 2%, 0.8) !important; */
         background-color: hsl(240, 4%, 5%) !important;
     }
 
@@ -4834,8 +4840,8 @@ You can use greasemonkey or any other form of monkey that supports the document-
         border-color: transparent !important;
     }
 
-    /*     unnecessary if you use this with dark reader (which you probably should) */
-    /*     .uls-menu .uls-search-label,
+    /* unnecessary if you use this with dark reader (which you probably should) */
+    /* .uls-menu .uls-search-label,
     .uls-languagefilter-clear,
     :is(.oo-ui-toolbar-bar, .ve-ce-branchNode-slug, .toolbar.section-main, .wikiEditor-ui-toolbar)
         .oo-ui-iconElement-icon,

diff --git a/resources/in-content/wikiMods.user.js b/resources/in-content/wikiMods.user.js
@@ -13,12 +13,13 @@
 class WikiMods {
     constructor() {
         this.logo = this.makeLogo();
-        if (this.logo === "hidden") document.addEventListener('visibilitychange', this);
+        if (this.logo === "hidden") document.addEventListener("visibilitychange", this);
     }
     handleEvent(e) {
         if (!document.hidden) {
             this.logo = this.makeLogo();
-            if (typeof this.logo === "object") document.removeEventListener('visibilitychange', this);
+            if (typeof this.logo === "object")
+                document.removeEventListener("visibilitychange", this);
         }
     }
     // add a custom logo, intended to be used in conjunction with my wikipedia dark mode theme:

diff --git a/uc-bookmarks.css b/uc-bookmarks.css
@@ -142,7 +142,7 @@
 }
 
 #editBookmarkPanel tree:focus-visible {
-	outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important;
+    outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important;
 }
 
 #editBookmarkPanel treechildren::-moz-tree-row(selected):hover {

diff --git a/uc-context-menu-icons.css b/uc-context-menu-icons.css
@@ -311,7 +311,8 @@ menu[label="Bitwarden"]:not(.menuitem-iconic, .menu-iconic) > .menu-text,
     > .menu-iconic-text,
 #_287dcf75-bec6-4eec-b4f6-71948a2eea29_-menuitem-_ViewImage-SearchByImage:not(.menuitem-iconic, .menu-iconic)
     > .menu-text,
-#invert-element_aminomancer-menuitem-_menuitem-invert:not(.menuitem-iconic, .menu-iconic) > .menu-text,
+#invert-element_aminomancer-menuitem-_menuitem-invert:not(.menuitem-iconic, .menu-iconic)
+    > .menu-text,
 #menu_customizeToolbars .menu-text,
 menuitem.viewCustomizeToolbar > .menu-text,
 #addon_darkreader_org-menuitem-_DarkReader-switchEngine:not(.menuitem-iconic) .menu-text,

diff --git a/uc-context-menus.css b/uc-context-menus.css
@@ -283,16 +283,21 @@ panel[type="autocomplete-richlistbox"] > richlistbox > richlistitem {
 
 :is(#ContentSelectDropdown, menupopup.in-menulist, .contentSelectDropdown-ingroup)
     :where(menu, menuitem, menucaption).menuitem-iconic,
-panel[type="autocomplete-richlistbox"] > richlistbox > richlistitem:is([originaltype="insecureWarning"], [image]:not([image=""], [image="null"])) {
+panel[type="autocomplete-richlistbox"]
+    > richlistbox
+    > richlistitem:is([originaltype="insecureWarning"], [image]:not([image=""], [image="null"])) {
     padding-inline: 0 8px !important;
 }
 
-panel[type="autocomplete-richlistbox"] > richlistbox > richlistitem:is([originaltype="insecureWarning"], [image]:not([image=""], [image="null"])) :is(.ac-site-icon, .ac-type-icon):not([type="null"]) {
+panel[type="autocomplete-richlistbox"]
+    > richlistbox
+    > richlistitem:is([originaltype="insecureWarning"], [image]:not([image=""], [image="null"]))
+    :is(.ac-site-icon, .ac-type-icon):not([type="null"]) {
     margin-inline: var(--context-iconic-margin) !important;
 }
 
 #PopupAutoComplete > richlistbox > richlistitem[originaltype="insecureWarning"] > .ac-site-icon {
-	fill: currentColor !important;
+    fill: currentColor !important;
 }
 
 :is(#ContentSelectDropdown, menupopup.in-menulist, .contentSelectDropdown-ingroup)
@@ -467,15 +472,15 @@ menupopup:not([type="arrow"]) menuseparator:last-child {
 /* a way to reduce the number of menuseparators in the context menu, if they feel excessive */
 @supports -moz-bool-pref("userChrome.contextmenu.reduce-menuseparators") {
     #contentAreaContextMenu
-    > menuseparator[id]:not(#context-sep-open, #context-media-sep-commands, #context-sep-copylink, #spell-suggestions-separator, #context-sep-selectall) {
+        > menuseparator[id]:not(#context-sep-open, #context-media-sep-commands, #context-sep-copylink, #spell-suggestions-separator, #context-sep-selectall) {
         display: none !important;
     }
 
     @-moz-document url(chrome://browser/content/browser.xhtml)
-        {
-            #contentAreaContextMenu menuseparator:not([id]) {
-                display: -moz-box !important;
-            }
+    {
+        #contentAreaContextMenu menuseparator:not([id]) {
+            display: -moz-box !important;
+        }
     }
 }