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

replace --tabs-border-color with --lwt-tabs-border-color

Browse source
This commit is contained in:
MrOtherGuy 2022-01-22 06:43:57 +02:00
parent 19fa8eb39d
commit fd644ff857
3 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
chrome/color_variable_template.css
View file

@ -16,6 +16,9 @@ See the above repository for updates as well as full license text. */
/* tabs with any other theme */ /* tabs with any other theme */
--lwt-text-color: cyan !important; --lwt-text-color: cyan !important;
--lwt-selected-tab-background-color: cornflowerblue !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 */ /* toolbar area */
--toolbarbutton-icon-fill: white !important; --toolbarbutton-icon-fill: white !important;
--lwt-toolbarbutton-hover-background: orange !important; --lwt-toolbarbutton-hover-background: orange !important;

2
chrome/compact_proton.css
View file

@ -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 */ /* 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{ #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{ .tab-close-button{

7
chrome/curved_tabs.css
View file

@ -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::before,
.tabbrowser-tab[selected] > stack::after{ .tabbrowser-tab[selected] > stack::after{
fill: var(--tab-selected-bgcolor,var(--toolbar-bgcolor)) !important; 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, .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-up,
#scrollbutton-down{ border-block-width: var(--uc-tabs-scrollbutton-border,0px) !important; } #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{ .tab-context-line{
-moz-box-ordinal-group: 2; -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 */ /* 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 */ /* 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) } #tabbrowser-tabs{ --lwt-selected-tab-background-color: var(--toolbar-bgcolor) }
.tab-background[selected]{ --toolbar-bgcolor: transparent } .tab-background[selected]{ --toolbar-bgcolor: transparent }
.tabbrowser-tab .tab-background{ border-top: none !important; box-shadow: none !important; } .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; height: 2px;
background: var(--uc-tab-line-color) !important; background: var(--uc-tab-line-color) !important;
} }
#nav-bar{ box-shadow: 0 -1px 0 var(--lwt-tabs-border-color) }
*/ */