From 19fa8eb39d9dd60e5e7c23305233676abd80a41a Mon Sep 17 00:00:00 2001 From: MrOtherGuy Date: Wed, 12 Jan 2022 15:16:47 +0200 Subject: [PATCH] Update styles to use --lwt-tab-line-color variable --- chrome/color_variable_template.css | 2 +- chrome/non_floating_sharp_tabs.css | 7 ++++--- chrome/round_ui_items.css | 5 ++++- 3 files changed, 9 insertions(+), 5 deletions(-) diff --git a/chrome/color_variable_template.css b/chrome/color_variable_template.css index d9137db..fd33e0f 100644 --- a/chrome/color_variable_template.css +++ b/chrome/color_variable_template.css @@ -39,6 +39,6 @@ See the above repository for updates as well as full license text. */ --lwt-sidebar-text-color: yellow !important; } /* Line above tabs */ -#tabbrowser-tabs{ --tab-line-color: white !important; } +#tabbrowser-tabs{ --lwt-tab-line-color: white !important; } /* the header-area of sidebar needs this to work */ #sidebar-box{ --sidebar-background-color: purple !important; } \ No newline at end of file diff --git a/chrome/non_floating_sharp_tabs.css b/chrome/non_floating_sharp_tabs.css index 43ac6d5..0c4c412 100644 --- a/chrome/non_floating_sharp_tabs.css +++ b/chrome/non_floating_sharp_tabs.css @@ -14,7 +14,7 @@ See the above repository for updates as well as full license text. */ } /* Uncomment next line to force specific color for tab top line */ -/* #tabbrowser-tabs{ --tab-line-color: blue !important; } */ +/* #tabbrowser-tabs{ --lwt-tab-line-color: blue !important; } */ /* These next two rules set a color for border around tabs and between tabs & navigation toolbars. Set to transparent to remove the border.*/ #nav-bar{ @@ -23,6 +23,7 @@ See the above repository for updates as well as full license text. */ } .tab-background[selected]{ border-inline: 1px solid color-mix(in srgb, currentcolor 30%, transparent) !important; + border-bottom-color: transparent !important; } #TabsToolbar{ @@ -32,7 +33,7 @@ See the above repository for updates as well as full license text. */ #navigator-toolbox:not([movingtab]):-moz-lwtheme > #titlebar > #TabsToolbar{ --toolbar-bgcolor: transparent; } -#TabsToolbar:not(:-moz-lwtheme){ --tab-line-color: transparent; } + .tab-background[selected]:not(:-moz-lwtheme){ background: var(--toolbar-bgcolor) !important; } #TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack, @@ -83,7 +84,7 @@ See the above repository for updates as well as full license text. */ } .tab-stack > .tab-background[selected]::before{ background-color: highlight; - background-image: linear-gradient(var(--tab-line-color),var(--tab-line-color)); + background-image: linear-gradient(var(--lwt-tab-line-color),var(--lwt-tab-line-color)); } /* Photon-like tab on hover animation for the top line */ @keyframes tab-onhover-line-anim{ from{ margin-inline: 20px } to { margin-inline: 0 } } diff --git a/chrome/round_ui_items.css b/chrome/round_ui_items.css index c7b99f8..2ecbab6 100644 --- a/chrome/round_ui_items.css +++ b/chrome/round_ui_items.css @@ -35,7 +35,10 @@ menupopup{ -moz-appearance: none !important; overflow: -moz-hidden-unscrollable #nav-bar{ box-shadow: none !important; margin-top: 3px } .tab-line{ display: none } -.tab-background[selected]{ border-top-width: 2px !important; border-top-color: var(--tab-line-color) !important; } +.tab-background[selected]{ + border-top-width: 2px !important; + border-top-color: var(--lwt-tab-line-color) !important; +} .tabbrowser-tab[selected]{ z-index: auto !important; } .urlbar-icon,