jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

tabsbar: Improve container tabs styles 

Related to #464
This commit is contained in:
Rafael Mardojai CM 2023-07-15 22:42:41 -05:00
parent 2139a1abf8
commit 89b9be087c
No known key found for this signature in database
GPG Key ID: 2B2DAB2A58566C84
3 changed files with 51 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
theme/colors/dark.css
View File

@ -37,6 +37,12 @@
--gnome-tabbar-tab-active-background-contrast: #4F4F4F; /* Hardcoded color */
--gnome-tabbar-tab-active-hover-background: #4b4b4b; /* Hardcoded color */
--gnome-tabbar-identity-color-green: var(--gnome-palette-green-1);
--gnome-tabbar-identity-color-yellow: var(--gnome-palette-yellow-2);
--gnome-tabbar-identity-color-orange: var(--gnome-palette-orange-3);
--gnome-tabbar-identity-color-red: var(--gnome-palette-red-1);
--gnome-tabbar-identity-color-purple: var(--gnome-palette-purple-1);
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #FBFBFE;
/* New private tab background */

9
theme/colors/light.css
View File

@ -122,6 +122,15 @@
--gnome-tabbar-tab-active-background-contrast: #c0c0c0; /* Hardcoded color */
--gnome-tabbar-tab-active-hover-background: #d2d2d2; /* Hardcoded color */
--gnome-tabbar-tab-needs-attetion: var(--gnome-accent);
--gnome-tabbar-identity-color-blue: var(--gnome-accent);
--gnome-tabbar-identity-color-turquoise: #00c79a;
--gnome-tabbar-identity-color-green: var(--gnome-palette-green-5);
--gnome-tabbar-identity-color-yellow: #ae7b03;
--gnome-tabbar-identity-color-orange: var(--gnome-palette-orange-4);
--gnome-tabbar-identity-color-red: var(--gnome-palette-red-3);
--gnome-tabbar-identity-color-pink: #ff4b84;
--gnome-tabbar-identity-color-purple: var(--gnome-palette-purple-4);
/* Text color for Firefox Logo in new private tab */
--gnome-private-wordmark: #20123A;

39
theme/parts/tabsbar.css
View File

@ -397,14 +397,47 @@ tab {
display: none !important;
}
/* Remove container bottom line indicator */
/* Tba containers */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
display: none;
}
/* Create new container tab indicator */
.tabbrowser-tab[class*="identity-color-"] .tab-label-container {
color: var(--identity-tab-color) !important;
font-weight: bold !important;
}
.identity-color-blue,
.identity-color-turquoise,
.identity-color-green,
.identity-color-yellow,
.identity-color-orange,
.identity-color-red,
.identity-color-pink,
.identity-color-purple {
--identity-icon-color: var(--identity-tab-color) !important;
}
.identity-color-blue {
--identity-tab-color: var(--gnome-tabbar-identity-color-blue) !important;
}
.identity-color-turquoise {
--identity-tab-color: var(--gnome-tabbar-identity-color-turquoise) !important;
}
.identity-color-green {
--identity-tab-color: var(--gnome-tabbar-identity-color-green) !important;
}
.identity-color-yellow {
--identity-tab-color: var(--gnome-tabbar-identity-color-yellow) !important;
}
.identity-color-orange {
--identity-tab-color: var(--gnome-tabbar-identity-color-orange) !important;
}
.identity-color-red {
--identity-tab-color: var(--gnome-tabbar-identity-color-red) !important;
}
.identity-color-pink {
--identity-tab-color: var(--gnome-tabbar-identity-color-pink) !important;
}
.identity-color-purple {
--identity-tab-color: var(--gnome-tabbar-identity-color-purple) !important;
}
/* Needs attetion tab indicator */