From 70751f8ab849322fe4f956ee109b83355cefe08d Mon Sep 17 00:00:00 2001 From: TGSAN Date: Mon, 10 Jul 2023 17:17:37 +0800 Subject: [PATCH] Change address bar highlight color on light mode --- chrome/global/colors.css | 2 ++ chrome/toolbar/urlbar.css | 3 ++- 2 files changed, 4 insertions(+), 1 deletion(-) diff --git a/chrome/global/colors.css b/chrome/global/colors.css index 8623f46..2be755b 100644 --- a/chrome/global/colors.css +++ b/chrome/global/colors.css @@ -21,6 +21,7 @@ --toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important; --toolbar-field-focus-color: var(--toolbar-field-color) !important; --toolbar-field-focus-border-color: #0055D7 !important; + --urlbar-hover-highlight-color: rgba(192, 192, 192, 0.5) !important; --urlbar-box-bgcolor: rgba(0, 0, 0, 0.09) !important; --urlbar-box-hover-bgcolor: rgba(0, 0, 0, 0.09) !important; --urlbar-box-focus-bgcolor: rgba(0, 0, 0, 0.22) !important; @@ -88,6 +89,7 @@ --toolbar-field-focus-background-color: var(--toolbar-field-background-color) !important; --toolbar-field-focus-color: var(--toolbar-field-color) !important; --toolbar-field-focus-border-color: #63ADE5 !important; + --urlbar-hover-highlight-color: rgba(128, 128, 128, 0.5) !important; --urlbar-box-bgcolor: rgba(255, 255, 255, 0.11) !important; --urlbar-box-hover-bgcolor: rgba(255, 255, 255, 0.11) !important; --urlbar-box-focus-bgcolor: rgba(255, 255, 255, 0.28) !important; diff --git a/chrome/toolbar/urlbar.css b/chrome/toolbar/urlbar.css index 390ee9d..af646e3 100644 --- a/chrome/toolbar/urlbar.css +++ b/chrome/toolbar/urlbar.css @@ -9,6 +9,7 @@ --identity-box-margin-inline: 2px !important; } + :root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #urlbar[focused="true"]:not([suppress-focus-border])>#urlbar-background, :root[style*="--lwt-accent-color: rgb(240, 240, 244)"] #searchbar:focus-within { outline-color: color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent) !important; @@ -121,7 +122,7 @@ #urlbar:hover:not([suppress-focus-border])>#urlbar-background, #searchbar:hover { - outline: 1.25px solid rgb(128, 128, 128); + outline: 1.5px solid var(--urlbar-hover-highlight-color); } /* move tracking protection button */