Never use deprecated CSS system colors #3619

piroor · Sep 5, 2024 · 080dbcb · 080dbcb
1 parent ca24581
commit 080dbcb
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/webextensions/options/options.css b/webextensions/options/options.css
@@ -131,7 +131,7 @@ label.has-radio:not(.inline) {
 
 label input[type="radio"] ~ img,
 label input[type="checkbox"] ~ img {
-  border: 1px solid ThreeDShadow;
+  border: 1px solid var(--in-content-box-border-color);
   vertical-align: middle;
   margin-top: 0.15em;
   margin-bottom: 0.15em;

diff --git a/webextensions/sidebar/styles/photon/photon.css b/webextensions/sidebar/styles/photon/photon.css
@@ -52,12 +52,12 @@ body,
     --tab-text-inverted: var(--browser-bg-more-lighter, -moz-dialog);
     --tab-text-active: var(--tab-text-regular);
     --tab-text-active-inverted: Highlight;
-    --tab-border: var(--browser-border, var(--browser-bg-more-darker, ThreeDShadow));
-    --tab-surface-hover: var(--browser-bg-hover-for-header-image, var(--browser-bg-more-lighter, ThreeDHighlight));
+    --tab-border: var(--browser-border, var(--browser-bg-more-darker, var(--in-content-box-border-color)));
+    --tab-surface-hover: var(--browser-bg-hover-for-header-image, var(--browser-bg-more-lighter, var(--in-content-button-background-hover-mixed)));
     --tab-surface-active: var(--browser-bg-active-for-header-image, var(--face-highlight-more-lighter, Highlight));
     --tab-surface-active-hover: var(--browser-bg-active-for-header-image, var(--face-highlight-more-more-lighter, Highlight));
     --tab-dropmarker: var(--browser-fg, -moz-dialogtext);
-    --tabbar-bg: var(--browser-bg-darker, ThreeDShadow);
+    --tabbar-bg: var(--browser-bg-darker, var(--in-content-box-border-color));
   }
   :root[color-scheme="system-color"] #background::after {
     background: var(--browser-bg-darker, AppWorkspace);

diff --git a/webextensions/sidebar/styles/proton/proton.css b/webextensions/sidebar/styles/proton/proton.css
@@ -88,7 +88,7 @@
 :root[color-scheme="system-color"][data-user-agent*="Linux"] {
   --toolbar-non-lwt-textcolor: -moz-dialogtext;
   --toolbar-non-lwt-bgcolor: -moz-dialog;
-  --in-content-box-border-color-mixed: ThreeDShadow;
+  --in-content-box-border-color-mixed: ButtonBorder;
 }
 :root[color-scheme="system-color"][data-user-agent*="Linux"] #background {
   --tabbar-bg: AppWorkspace;