From 080dbcb7b6059f6df1b130eb0e4a21ec6c78ca7c Mon Sep 17 00:00:00 2001
From: "YUKI \"Piro\" Hiroshi" <piro.outsider.reflex@gmail.com>
Date: Thu, 5 Sep 2024 21:47:34 +0900
Subject: [PATCH] Never use deprecated CSS system colors #3619

---
 webextensions/options/options.css              | 2 +-
 webextensions/sidebar/styles/photon/photon.css | 6 +++---
 webextensions/sidebar/styles/proton/proton.css | 2 +-
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/webextensions/options/options.css b/webextensions/options/options.css
index ce60bc4ba..78529d11d 100644
--- 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
index e4346dfb4..9b9de82fb 100644
--- 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
index 5bdce1da4..d318e882b 100644
--- 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;