Akatsuki-Misaki/WhiteSur-gtk-theme
1
0
Fork 0
mirror of https://github.com/vinceliuice/WhiteSur-gtk-theme.git synced 2025-06-06 07:23:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed #1072

Browse Source
This commit is contained in:
vinceliuice 2024-12-01 11:49:13 +08:00
parent 8b22fbefe7
commit f86c226173
4 changed files with 48 additions and 71 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/other/firefox/Monterey/parts/tabsbar-alt.css
View File

@ -276,6 +276,18 @@ tab[selected]:-moz-window-inactive .tab-label {
display: none; display: none;
} }
/* tab-context-line above tabs */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
height: 2px;
border-radius: 2px;
margin: 0 12px !important;
}
/* Remove alt colours references for multi tabs*/
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
display: none;
}
/* Remove tab separators */ /* Remove tab separators */
.tabbrowser-tab::after, .tabbrowser-tab::after,
.tabbrowser-tab::before { .tabbrowser-tab::before {
@ -302,11 +314,6 @@ tab[selected]:-moz-window-inactive .tab-label {
max-width: .1px !important; max-width: .1px !important;
} }
/* Remove alt colours references for multi tabs*/
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
display: none;
}
.tabbrowser-tab[class*="identity-color-"][pinned] { .tabbrowser-tab[class*="identity-color-"][pinned] {
display: flex; display: flex;
} }

12
src/other/firefox/Monterey/parts/tabsbar.css
View File

@ -175,6 +175,18 @@ tab[selected]:-moz-window-inactive .tab-label {
display: none; display: none;
} }
/* tab-context-line above tabs */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
height: 2px;
border-radius: 2px;
margin: 0 12px !important;
}
/* Remove alt colours references for multi tabs*/
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
display: none;
}
/* Tab attention dot */ /* Tab attention dot */
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] { .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] {
background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important; background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important;

45
src/other/firefox/WhiteSur/parts/tabsbar-adaptive.css
View File

@ -400,6 +400,18 @@ tab[selected]:-moz-window-inactive {
display: none; display: none;
} }
/* tab-context-line above tabs */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
height: 2px;
border-radius: 0 !important;
margin: 0 !important;
}
/* Remove alt colours references for multi tabs*/
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
display: none;
}
/* Tab attention dot */ /* Tab attention dot */
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] { .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] {
background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important; background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important;
@ -408,11 +420,6 @@ tab[selected]:-moz-window-inactive {
background-repeat: no-repeat; background-repeat: no-repeat;
} }
/* Remove alt colours references for multi tabs*/
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
display: none;
}
.tabbrowser-tab[class*="identity-color-"][pinned] { .tabbrowser-tab[class*="identity-color-"][pinned] {
display: flex; display: flex;
} }
@ -446,34 +453,6 @@ tab[selected]:-moz-window-inactive {
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important; background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
} }
/* Create new container tab indicator */
.tabbrowser-tab[class*="identity-color-"] .tab-content::before {
content: "";
display: block;
background-image: var(#userContext-icons:--identity-icon);
background: var( --identity-tab-color);
-moz-context-properties: fill;
fill: var(--identity-icon-color);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
min-width: 10px;
height: 10px;
margin-right: 5px;
margin-left: auto !important;
border-radius: 100%;
}
.tabbrowser-tab[class*="identity-color-"][pinned] .tab-content::before,
.tabbrowser-tab[class*="identity-color-"][image] .tab-content::before,
.tabbrowser-tab[class*="identity-color-"][busy] .tab-content::before,
.tabbrowser-tab[class*="identity-color-"][progress] .tab-content::before {
right: -10px;
top: -8px;
position: relative;
margin-right: -10px;
}
/* fix pip on small displays */ /* fix pip on small displays */
.tab-icon-overlay[pictureinpicture] { .tab-icon-overlay[pictureinpicture] {
top: 3px !important; top: 3px !important;

45
src/other/firefox/WhiteSur/parts/tabsbar.css
View File

@ -389,6 +389,18 @@ tab[selected]:-moz-window-inactive {
display: none; display: none;
} }
/* tab-context-line above tabs */
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
height: 2px;
border-radius: 0 !important;
margin: 0 !important;
}
/* Remove alt colours references for multi tabs*/
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-bottom-line {
display: none;
}
/* Tab attention dot */ /* Tab attention dot */
.tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] { .tabbrowser-tab:is([image], [pinned]) > .tab-stack > .tab-content[attention]:not([selected="true"]), .tabbrowser-tab > .tab-stack > .tab-content[pinned][titlechanged]:not([selected="true"]), #firefox-view-button[attention] {
background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important; background-image: radial-gradient(circle, var(--gnome-tab-attention-icon-color), var(--gnome-tab-attention-icon-color) 2px, transparent 2px) !important;
@ -397,11 +409,6 @@ tab[selected]:-moz-window-inactive {
background-repeat: no-repeat; background-repeat: no-repeat;
} }
/* Remove alt colours references for multi tabs*/
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
display: none;
}
.tabbrowser-tab[class*="identity-color-"][pinned] { .tabbrowser-tab[class*="identity-color-"][pinned] {
display: flex; display: flex;
} }
@ -439,34 +446,6 @@ tab[selected]:-moz-window-inactive {
background-color: var(--gnome-inactive-tabbar-tab-active-background) !important; background-color: var(--gnome-inactive-tabbar-tab-active-background) !important;
} }
/* Create new container tab indicator */
.tabbrowser-tab[class*="identity-color-"] .tab-content::before {
content: "";
display: block;
background-image: var(#userContext-icons:--identity-icon);
background: var( --identity-tab-color);
-moz-context-properties: fill;
fill: var(--identity-icon-color);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
min-width: 10px;
height: 10px;
margin-right: 5px;
margin-left: auto !important;
border-radius: 100%;
}
.tabbrowser-tab[class*="identity-color-"][pinned] .tab-content::before,
.tabbrowser-tab[class*="identity-color-"][image] .tab-content::before,
.tabbrowser-tab[class*="identity-color-"][busy] .tab-content::before,
.tabbrowser-tab[class*="identity-color-"][progress] .tab-content::before {
right: -10px;
top: -8px;
position: relative;
margin-right: -10px;
}
/* fix pip on small displays */ /* fix pip on small displays */
.tab-icon-overlay[pictureinpicture] { .tab-icon-overlay[pictureinpicture] {
top: 3px !important; top: 3px !important;