From bdb708818cd867993cb4a6221afaefa45e75de8d Mon Sep 17 00:00:00 2001 From: AbrarSL Date: Thu, 4 Jan 2024 09:28:12 +0530 Subject: [PATCH] Fix colors for toolbar border --- theme/colors/dark.css | 2 +- theme/colors/light.css | 3 +-- theme/parts/buttons.css | 2 +- theme/parts/findbar.css | 2 +- theme/parts/headerbar.css | 2 +- theme/parts/popups-contents.css | 6 +++--- theme/parts/popups.css | 6 +++--- theme/parts/tabsbar.css | 4 ++-- theme/parts/toolbox.css | 2 +- theme/parts/urlbar.css | 4 ++-- 10 files changed, 16 insertions(+), 17 deletions(-) diff --git a/theme/colors/dark.css b/theme/colors/dark.css index 2fbbe95..278607e 100644 --- a/theme/colors/dark.css +++ b/theme/colors/dark.css @@ -28,7 +28,7 @@ /* Header bar */ --gnome-headerbar-background: #303030; - --gnome-headerbar-shade-color: color-mix(in srgb, black 36%, transparent); + --gnome-headerbar-shade-color: rgba(0, 0, 0, 0.9); /* Toolbars */ --gnome-toolbar-icon-fill: #eeeeec; diff --git a/theme/colors/light.css b/theme/colors/light.css index 552ba1d..409c89f 100644 --- a/theme/colors/light.css +++ b/theme/colors/light.css @@ -85,11 +85,10 @@ /* Header bar */ --gnome-headerbar-background: #ffffff; - --gnome-headerbar-shade-color: rgba(0, 0, 0, 0.07); + --gnome-headerbar-shade-color: rgba(0, 0, 0, 0.12); /* Toolbars */ --gnome-toolbar-background: var(--gnome-headerbar-background); - --gnome-toolbar-color: var(--gnome-window-color); --gnome-toolbar-border-color: var(--gnome-headerbar-shade-color); --gnome-toolbar-icon-fill: #2f2f2f; diff --git a/theme/parts/buttons.css b/theme/parts/buttons.css index a901b90..4f8b656 100644 --- a/theme/parts/buttons.css +++ b/theme/parts/buttons.css @@ -52,7 +52,7 @@ button.close, max-height: 34px !important; min-height: 34px !important; min-width: 34px !important; - color: var(--gnome-toolbar-color) !important; + color: var(--gnome-window-color) !important; outline: 0 !important; font: menu !important; -moz-box-align: center !important; diff --git a/theme/parts/findbar.css b/theme/parts/findbar.css index 60ae376..f29b1bc 100644 --- a/theme/parts/findbar.css +++ b/theme/parts/findbar.css @@ -8,7 +8,7 @@ findbar { } findbar label, findbar description { - color: var(--gnome-toolbar-color) !important; + color: var(--gnome-window-color) !important; } .findbar-container { diff --git a/theme/parts/headerbar.css b/theme/parts/headerbar.css index 5630d60..6ffe0a5 100644 --- a/theme/parts/headerbar.css +++ b/theme/parts/headerbar.css @@ -18,7 +18,7 @@ height: 46px; top: 0; transform: translate(15px, 0); - fill: var(--gnome-toolbar-color) !important; + fill: var(--gnome-window-color) !important; fill-opacity: 0.2 !important; -moz-context-properties: fill, fill-opacity; } diff --git a/theme/parts/popups-contents.css b/theme/parts/popups-contents.css index 08e5582..edc5fa4 100644 --- a/theme/parts/popups-contents.css +++ b/theme/parts/popups-contents.css @@ -223,7 +223,7 @@ } #protections-popup-mainView-panel-header { - color: var(--gnome-toolbar-color) !important; + color: var(--gnome-window-color) !important; } #protections-popup[hasException] #protections-popup-mainView-panel-header { background: none !important; @@ -251,13 +251,13 @@ background-color: var(--gnome-entry-background); border: 0 !important; border-radius: 12px; - color: var(--gnome-toolbar-color) !important; + color: var(--gnome-window-color) !important; height: 100% !important; margin: 0 !important; } #protections-popup-message .text-link, #cfr-protections-panel-link-text { - color: var(--gnome-toolbar-color) !important; + color: var(--gnome-window-color) !important; } .whatsNew-message-body { padding: 0 6px; diff --git a/theme/parts/popups.css b/theme/parts/popups.css index ee3688b..d28dcec 100644 --- a/theme/parts/popups.css +++ b/theme/parts/popups.css @@ -5,7 +5,7 @@ /* Style menus */ menupopup { -moz-appearance: none !important; - color: var(--gnome-toolbar-color) !important; + color: var(--gnome-window-color) !important; padding: 8px !important; } @@ -132,7 +132,7 @@ panel { background: var(--arrowpanel-background) !important; border: 1px solid var(--gnome-menu-border-color) !important; border-radius: 12px !important; - color: var(--gnome-toolbar-color) !important; + color: var(--gnome-window-color) !important; } .panel-arrow { fill: var(--arrowpanel-background) !important; @@ -187,7 +187,7 @@ panelview .unified-extensions-item-action-button, #downloadsPanel-mainView .download-state { -moz-appearance: none !important; border-radius: 6px !important; - color: var(--gnome-toolbar-color) !important; + color: var(--gnome-window-color) !important; font: menu !important; padding: 4px 12px !important; min-height: 32px !important; diff --git a/theme/parts/tabsbar.css b/theme/parts/tabsbar.css index 0d91ff0..c884f58 100644 --- a/theme/parts/tabsbar.css +++ b/theme/parts/tabsbar.css @@ -198,7 +198,7 @@ spacer[part=overflow-start-indicator], spacer[part=overflow-end-indicator] { /* Tab labels */ tab { - color: var(--gnome-toolbar-color) !important; + color: var(--gnome-window-color) !important; font-family: Cantarell, inherit; font-weight: normal; font-size: 1em; @@ -331,7 +331,7 @@ tab { /* Close tab button */ .tab-close-button { list-style-image: url("../icons/window-close-symbolic.svg") !important; - fill: var(--gnome-toolbar-color) !important; + fill: var(--gnome-window-color) !important; fill-opacity: 1 !important; -moz-context-properties: fill, fill-opacity !important; height: 16px !important; diff --git a/theme/parts/toolbox.css b/theme/parts/toolbox.css index 641c500..b35f104 100644 --- a/theme/parts/toolbox.css +++ b/theme/parts/toolbox.css @@ -9,7 +9,7 @@ /* Toolbox colors */ #navigator-toolbox { - background: none !important; + background: var(--gnome-toolbar-background) !important; border-color: var(--gnome-toolbar-border-color) !important; } diff --git a/theme/parts/urlbar.css b/theme/parts/urlbar.css index e1706d2..91882dd 100644 --- a/theme/parts/urlbar.css +++ b/theme/parts/urlbar.css @@ -41,7 +41,7 @@ toolbarspring { /* URL bar results */ .urlbarView { background: transparent !important; - color: var(--gnome-toolbar-color) !important; + color: var(--gnome-window-color) !important; margin: 11px 0 0 -3px !important; width: 100% !important; position: absolute !important; @@ -163,7 +163,7 @@ toolbarspring { padding-right: 0 !important; } #urlbar-search-mode-indicator-title { - color: var(--gnome-toolbar-color); + color: var(--gnome-window-color); padding-inline: 4px !important; } #urlbar-search-mode-indicator-close {