Tabsbar: Container tab color affect text instead of the background
This commit is contained in:
parent
34d0ea73b1
commit
abd0197632
|
@ -418,42 +418,8 @@ tab {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Create new container tab indicator */
|
/* Create new container tab indicator */
|
||||||
.tabbrowser-tab[class*="identity-color-"] .tab-background:not(#hack) { /* Normal */
|
.tabbrowser-tab[class*="identity-color-"] .tab-label-container {
|
||||||
background: var(--identity-tab-color) !important;
|
color: var(--identity-tab-color) !important;
|
||||||
opacity: calc(.1 + var(--gnome-tabbar-tab-identity-base-opacity));
|
|
||||||
}
|
|
||||||
:root:not(:-moz-window-inactive) .tabbrowser-tab[class*="identity-color-"]:hover > .tab-stack > .tab-background:not([selected=true]) { /* Hover */
|
|
||||||
opacity: calc(.15 + var(--gnome-tabbar-tab-identity-base-opacity)) !important;
|
|
||||||
}
|
|
||||||
.tabbrowser-tab[class*="identity-color-"] .tab-background[selected=true] { /* Active */
|
|
||||||
opacity: calc(.3 + var(--gnome-tabbar-tab-identity-base-opacity)) !important;
|
|
||||||
}
|
|
||||||
:root:not(:-moz-window-inactive) .tabbrowser-tab[class*="identity-color-"]:hover > .tab-stack > .tab-background[selected=true] { /* Active + Hover */
|
|
||||||
opacity: calc(.35 + var(--gnome-tabbar-tab-identity-base-opacity)) !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tabbrowser-tab[class*="identity-color-"]:not([pinned], :-moz-window-inactive):is([selected="true"], :hover) .tab-content::after {
|
|
||||||
background: linear-gradient(to left, var(--gnome-tabbar-tab-background) 50%, transparent);
|
|
||||||
opacity: 1;
|
|
||||||
}
|
|
||||||
.tabbrowser-tab[class*="identity-color-"]:not([pinned])[selected="true"] .tab-content::before,
|
|
||||||
:root:not(:-moz-window-inactive) .tabbrowser-tab[class*="identity-color-"]:not([pinned])[selected="true"]:hover .tab-content::before,
|
|
||||||
.tabbrowser-tab[class*="identity-color-"]:not([pinned]):hover .tab-content::before,
|
|
||||||
.tabbrowser-tab[class*="identity-color-"]:not([pinned])[selected="true"]:-moz-window-inactive .tab-content::before {
|
|
||||||
--gnome-tabbar-tab-close-overlay-bg: var(--identity-tab-color) !important;
|
|
||||||
}
|
|
||||||
.tabbrowser-tab[class*="identity-color-"]:not([pinned]):hover .tab-content::before { /* Hover */
|
|
||||||
opacity: calc(.15 + var(--gnome-tabbar-tab-identity-base-opacity));
|
|
||||||
}
|
|
||||||
.tabbrowser-tab[class*="identity-color-"]:not([pinned])[selected="true"] .tab-content::before /* Active */ {
|
|
||||||
opacity: calc(.3 + var(--gnome-tabbar-tab-identity-base-opacity));
|
|
||||||
}
|
|
||||||
:root:not(:-moz-window-inactive) .tabbrowser-tab[class*="identity-color-"]:hover > .tab-stack > .tab-content[selected=true]::before { /* Active + Hover */
|
|
||||||
opacity: calc(.35 + var(--gnome-tabbar-tab-identity-base-opacity));
|
|
||||||
}
|
|
||||||
:root:-moz-window-inactive .tabbrowser-tab[class*="identity-color-"]:not([pinned])[selected="true"] .tab-content::before {
|
|
||||||
opacity: 0;
|
|
||||||
transition: none !important;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tab spinner */
|
/* Tab spinner */
|
||||||
|
|
Loading…
Reference in New Issue