general CSS update.

aminomancer · May 3, 2022 · 04a01e2 · 04a01e2
1 parent 82a7aea
commit 04a01e2
Show file tree

Hide file tree

Showing 5 changed files with 41 additions and 27 deletions.
diff --git a/resources/in-content/ext-darkreader.css b/resources/in-content/ext-darkreader.css
@@ -54,7 +54,9 @@
     :root[uc-extension-id="addon@darkreader.org"]
         :where(.multi-switch__option:hover:not(.multi-switch__option--selected), .slider__track, .slider__track::after),
     :root[uc-extension-id="addon@darkreader.org"] .collapsible-panel__group__expand-button,
-    :root[uc-extension-id="addon@darkreader.org"] .textbox {
+    :root[uc-extension-id="addon@darkreader.org"] .textbox,
+    :root[uc-extension-id="addon@darkreader.org"] .slider__track::before,
+    :root[uc-extension-id="addon@darkreader.org"] .slider__track::after{
         background-color: var(--uc-arrowpanel-dimmed) !important;
     }
 

diff --git a/resources/in-content/site-wiki.css b/resources/in-content/site-wiki.css
@@ -2907,7 +2907,8 @@ You can use greasemonkey or any other form of monkey that supports the document-
         color: var(--uc-wiki-link-color-visited) !important;
     }
 
-    .rt-tooltipContent a:hover {
+    .rt-tooltipContent a:hover,
+    .rt-tooltipContent a:hover:visited {
         color: #fff !important;
     }
 

diff --git a/resources/in-content/system.css b/resources/in-content/system.css
@@ -75,35 +75,38 @@
     certificate-section {
         --in-content-page-background: var(--uc-content-page-background) !important;
         --in-content-page-color: var(--uc-content-page-color) !important;
+        --in-content-text-color: var(--in-content-page-color) !important;
+        --in-content-accent-color: var(--purple-35) !important;
+        --in-content-border-hover: var(--uc-content-border-hover) !important;
         --in-content-box-background: var(--uc-content-box-background) !important;
         --in-content-box-background-odd: var(--uc-content-box-background-odd) !important;
         --in-content-box-background-dim: var(--uc-content-box-background-dim) !important;
         --in-content-box-border-color: var(--uc-content-box-border-color) !important;
-        --in-content-button-background: var(--uc-content-button-background) !important;
-        --in-content-button-background-hover: var(--uc-content-button-background-hover) !important;
-        --in-content-button-background-active: var(
-            --uc-content-button-background-active
-        ) !important;
-        --in-content-button-background-solid: var(--uc-content-button-background-solid);
-        --in-content-item-selected: var(--purple-40) !important;
-        --in-content-border-hover: var(--uc-content-border-hover) !important;
+        --in-content-box-info-background: var(--in-content-button-background-solid) !important;
+        --in-content-table-background: var(--in-content-box-background) !important;
+        --in-content-table-header-background: var(--purple-40-a50) !important;
         --in-content-link-color: var(--purple-30) !important;
         --in-content-link-color-hover: var(--purple-25) !important;
         --in-content-link-color-active: var(--purple-20) !important;
         --in-content-link-visited-color: var(--pink-40) !important;
         --in-content-link-visited-color-hover: var(--pink-35) !important;
         --in-content-link-visited-color-active: var(--pink-30) !important;
+        --in-content-button-background: var(--uc-content-button-background) !important;
+        --in-content-button-background-hover: var(--uc-content-button-background-hover) !important;
+        --in-content-button-background-active: var(
+            --uc-content-button-background-active
+        ) !important;
+        --in-content-button-background-solid: var(--uc-content-button-background-solid);
+        --in-content-button-text-color-hover: var(--light-on-dark-button-text-color) !important;
+        --in-content-button-text-color-active: var(--in-content-button-text-color-hover) !important;
         --in-content-primary-button-background: var(--purple-40) !important;
         --in-content-primary-button-background-hover: var(--purple-35) !important;
         --in-content-primary-button-background-active: var(--purple-30) !important;
         --in-content-primary-button-text-color: var(--light-on-dark-button-text-color) !important;
         --in-content-button-border-radius: var(--general-button-border-radius) !important;
-        --in-content-accent-color: var(--purple-35) !important;
+        --in-content-item-selected: var(--purple-40) !important;
         --in-content-item-hover: color-mix(in srgb, var(--purple-30) 45%, transparent) !important;
-        --in-content-item-hover-text: var(--light-on-dark-button-text-color) !important;
-        --in-content-table-background: var(--in-content-box-background) !important;
-        --in-content-table-header-background: var(--purple-40-a50) !important;
-        --in-content-box-info-background: var(--in-content-button-background-solid) !important;
+        --in-content-item-hover-text: var(--in-content-text-color) !important;
         --focus-outline-offset: 2px !important;
         --default-focusring: var(--global-focus-outline-width) solid
             var(--global-focus-outline-color) !important;
@@ -182,13 +185,6 @@
     }
 
     html:not([role="dialog"]) richlistitem[selected] * {
-        --in-content-button-background: inherit !important;
-        --in-content-button-background-hover: inherit !important;
-        --in-content-button-background-active: inherit !important;
-        --in-content-button-text-color: inherit !important;
-        --in-content-button-text-color-hover: inherit !important;
-        --in-content-button-text-color-active: inherit !important;
-        --in-content-focus-outline-color: inherit !important;
         --in-content-button-background: var(--purple-50) !important;
         --in-content-button-background-hover: var(--purple-55) !important;
         --in-content-button-background-active: var(--purple-60) !important;

diff --git a/uc-navbar.css b/uc-navbar.css
@@ -344,6 +344,13 @@ toolbar[customizing="true"]
     transition: transform var(--drag-drop-transition-duration) cubic-bezier(.6, 2, .75, 1.5) !important;
 }
 
+toolbarpaletteitem[place="palette"]:not([mousedown="true"]):focus-visible,
+toolbarpaletteitem[place="menu-panel"]:not([mousedown="true"]):focus-visible,
+toolbarpaletteitem[place="toolbar"]:not([mousedown="true"]):focus-visible {
+	transition: outline-width .01s linear var(--drag-drop-transition-duration);
+	outline: revert !important;
+}
+
 .widget-overflow-list .toolbarbutton-1:not([disabled], [open])[checked]::after {
     content: "";
     display: -moz-inline-box;

diff --git a/uc-urlbar.css b/uc-urlbar.css
@@ -724,7 +724,8 @@ so you can use those classes to set the icon. */
 #urlbar[pageproxystate="invalid"] #identity-box #identity-icon,
 #tracking-protection-icon-container[hidden]
     ~ #identity-box[pageproxystate="valid"].notSecure:not(.chromeUI, .localResource)
-    #identity-icon {
+    #identity-icon,
+:root[customizing] #urlbar #identity-box #identity-icon {
     fill-opacity: var(--urlbar-icon-fill-opacity) !important;
     list-style-image: var(
         --default-search-identity-icon,
@@ -982,12 +983,19 @@ so you can use those classes to set the icon. */
     fill-opacity: 0.3 !important;
 }
 
-:root[customizing] #urlbar #identity-box #identity-icon {
-    list-style-image: url(chrome://global/skin/icons/security.svg) !important;
+:root[customizing] #urlbar #tracking-protection-icon-container {
+    display: none !important;
 }
 
-:root[customizing] #tracking-protection-icon-container {
-    display: -moz-box !important;
+:root[customizing] #urlbar #identity-box {
+    padding: 0 !important;
+    margin: 0 !important;
+    margin-inline: 0 3px !important;
+    padding-inline: 6px 0 !important;
+}
+
+:root[customizing] #urlbar #identity-box #identity-icon-box {
+    margin-inline: 2px 0 !important;
 }
 
 #urlbar[pageproxystate="valid"] #tracking-protection-icon-container.chromeUI,