From fd644ff857b0cbf98519633ecf0903be47f4b3fb Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Sat, 22 Jan 2022 06:43:57 +0200 Subject: [PATCH] replace --tabs-border-color with --lwt-tabs-border-color --- chrome/color_variable_template.css | 3 +++ chrome/compact_proton.css | 2 +- chrome/curved_tabs.css | 7 ++++--- 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/chrome/color_variable_template.css b/chrome/color_variable_template.css index fd33e0f..75b9a7a 100644 --- a/chrome/color_variable_template.css +++ b/chrome/color_variable_template.css @@ -16,6 +16,9 @@ See the above repository for updates as well as full license text. */ /* tabs with any other theme */ --lwt-text-color: cyan !important; --lwt-selected-tab-background-color: cornflowerblue !important; + /* line between nav-bar and tabs toolbar, + also fallback color for border around selected tab */ + --lwt-tabs-border-color: cyan !important; /* toolbar area */ --toolbarbutton-icon-fill: white !important; --lwt-toolbarbutton-hover-background: orange !important; diff --git a/chrome/compact_proton.css b/chrome/compact_proton.css index 4be0930..effe5db 100644 --- a/chrome/compact_proton.css +++ b/chrome/compact_proton.css @@ -19,7 +19,7 @@ menupopup > menu{ padding-block: 0.3em !important; } /* This is kinda weird, but it makes the horizontal line between tabs and nav-bar render "inside" nav-bar thus tabs are more visibily separated even if there is less space there */ #nav-bar{ - box-shadow: inset 0 var(--tabs-shadow-size) 0 var(--tabs-border-color) !important; + box-shadow: inset 0 var(--tabs-shadow-size) 0 var(--lwt-tabs-border-color) !important; } .tab-close-button{ diff --git a/chrome/curved_tabs.css b/chrome/curved_tabs.css index e8b43dc..c0e4f4b 100644 --- a/chrome/curved_tabs.css +++ b/chrome/curved_tabs.css @@ -48,7 +48,7 @@ See the above repository for updates as well as full license text. */ .tabbrowser-tab[selected] > stack::before, .tabbrowser-tab[selected] > stack::after{ fill: var(--tab-selected-bgcolor,var(--toolbar-bgcolor)) !important; - stroke: var(--tabs-border-color,transparent); + stroke: var(--lwt-tabs-border-color,transparent); } .tabbrowser-tab[selected] > stack:-moz-lwtheme::before, @@ -76,7 +76,7 @@ See the above repository for updates as well as full license text. */ #scrollbutton-up, #scrollbutton-down{ border-block-width: var(--uc-tabs-scrollbutton-border,0px) !important; } -.tab-background[selected]{ border: 1px solid var(--tabs-border-color) !important; border-bottom: none !important } +.tab-background[selected]{ border: 1px solid var(--lwt-tabs-border-color) !important; border-bottom: none !important } .tab-context-line{ -moz-box-ordinal-group: 2; @@ -89,7 +89,7 @@ See the above repository for updates as well as full license text. */ /* OPTIONAL - COLORS - show tabs border, selected tab line and make selected tab match the main toolbar color. Also disables tab shadow */ /* Using these color options requires you to set layout.css.color-mix.enabled to true in about:config */ /* -#navigator-toolbox{ --tabs-border-color: color-mix(in srgb, currentcolor, transparent 80%) !important; } +#navigator-toolbox{ --lwt-tabs-border-color: color-mix(in srgb, currentcolor, transparent 80%) !important; } #tabbrowser-tabs{ --lwt-selected-tab-background-color: var(--toolbar-bgcolor) } .tab-background[selected]{ --toolbar-bgcolor: transparent } .tabbrowser-tab .tab-background{ border-top: none !important; box-shadow: none !important; } @@ -99,6 +99,7 @@ See the above repository for updates as well as full license text. */ height: 2px; background: var(--uc-tab-line-color) !important; } +#nav-bar{ box-shadow: 0 -1px 0 var(--lwt-tabs-border-color) } */