pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Update styles to use --lwt-tab-line-color variable

Browse source
This commit is contained in:
MrOtherGuy 2022-01-12 15:16:47 +02:00
parent ec17a82ede
commit 19fa8eb39d
3 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
chrome/color_variable_template.css
View file

@ -39,6 +39,6 @@ See the above repository for updates as well as full license text. */
--lwt-sidebar-text-color: yellow !important; --lwt-sidebar-text-color: yellow !important;
} }
/* Line above tabs */ /* 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 */ /* the header-area of sidebar needs this to work */
#sidebar-box{ --sidebar-background-color: purple !important; } #sidebar-box{ --sidebar-background-color: purple !important; }

7
chrome/non_floating_sharp_tabs.css
View file

@ -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 */ /* 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.*/ /* 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{ #nav-bar{
@ -23,6 +23,7 @@ See the above repository for updates as well as full license text. */
} }
.tab-background[selected]{ .tab-background[selected]{
border-inline: 1px solid color-mix(in srgb, currentcolor 30%, transparent) !important; border-inline: 1px solid color-mix(in srgb, currentcolor 30%, transparent) !important;
border-bottom-color: transparent !important;
} }
#TabsToolbar{ #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{ #navigator-toolbox:not([movingtab]):-moz-lwtheme > #titlebar > #TabsToolbar{
--toolbar-bgcolor: transparent; --toolbar-bgcolor: transparent;
} }
#TabsToolbar:not(:-moz-lwtheme){ --tab-line-color: transparent; }
.tab-background[selected]:not(:-moz-lwtheme){ background: var(--toolbar-bgcolor) !important; } .tab-background[selected]:not(:-moz-lwtheme){ background: var(--toolbar-bgcolor) !important; }
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack, #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{ .tab-stack > .tab-background[selected]::before{
background-color: highlight; 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 */ /* Photon-like tab on hover animation for the top line */
@keyframes tab-onhover-line-anim{ from{ margin-inline: 20px } to { margin-inline: 0 } } @keyframes tab-onhover-line-anim{ from{ margin-inline: 20px } to { margin-inline: 0 } }

5
chrome/round_ui_items.css
View file

@ -35,7 +35,10 @@ menupopup{ -moz-appearance: none !important; overflow: -moz-hidden-unscrollable
#nav-bar{ box-shadow: none !important; margin-top: 3px } #nav-bar{ box-shadow: none !important; margin-top: 3px }
.tab-line{ display: none } .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; } .tabbrowser-tab[selected]{ z-index: auto !important; }
.urlbar-icon, .urlbar-icon,