eudaimon
/
Sweet-topborder
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Gnome 43: Improve nautilus tabbar appearance

This commit is contained in:
EliverLara 2023-03-16 16:20:43 -06:00
parent 0cf0957eec
commit ddb23cde87
3 changed files with 48 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
gtk-4.0/gtk-dark.css
View File

@ -3083,18 +3083,23 @@ notebook > stack:not(:only-child) {
notebook > stack:not(:only-child):backdrop { notebook > stack:not(:only-child):backdrop {
background-color: #1a1d2b; } background-color: #1a1d2b; }
tabbox { tabbar:backdrop .box > scrolledwindow,
tabbar:backdrop .box > .start-action,
tabbar:backdrop .box > .end-action {
filter: opacity(1); }
tabbar tabbox {
background-color: #171a26; background-color: #171a26;
padding: 0px; } padding: 0px;
tabbox > tabboxchild { color: #C3C7D1; }
tabbar tabbox > tabboxchild {
margin: 0 -3px; margin: 0 -3px;
border-radius: 0; } border-radius: 0; }
tabbox > tab, tabbar tabbox > tab,
tabbox > tabboxchild > tab { tabbar tabbox > tabboxchild > tab {
border-radius: 0; } border-radius: 0; }
tabbox > tab:checked, tabbox > tab:selected, tabbar tabbox > tab:checked, tabbar tabbox > tab:selected,
tabbox > tabboxchild > tab:checked, tabbar tabbox > tabboxchild > tab:checked,
tabbox > tabboxchild > tab:selected { tabbar tabbox > tabboxchild > tab:selected {
background: linear-gradient(to right, #00f17d, #00f7d2) left bottom #1b1e2c no-repeat; background: linear-gradient(to right, #00f17d, #00f7d2) left bottom #1b1e2c no-repeat;
background-size: 100% 2px; background-size: 100% 2px;
border: 0; border: 0;

21
gtk-4.0/gtk.css
View File

@ -3089,18 +3089,23 @@ notebook > stack:not(:only-child) {
notebook > stack:not(:only-child):backdrop { notebook > stack:not(:only-child):backdrop {
background-color: #e8edf3; } background-color: #e8edf3; }
tabbox { tabbar:backdrop .box > scrolledwindow,
tabbar:backdrop .box > .start-action,
tabbar:backdrop .box > .end-action {
filter: opacity(1); }
tabbar tabbox {
background-color: #f9fbfc; background-color: #f9fbfc;
padding: 0px; } padding: 0px;
tabbox > tabboxchild { color: #31363d; }
tabbar tabbox > tabboxchild {
margin: 0 -3px; margin: 0 -3px;
border-radius: 0; } border-radius: 0; }
tabbox > tab, tabbar tabbox > tab,
tabbox > tabboxchild > tab { tabbar tabbox > tabboxchild > tab {
border-radius: 0; } border-radius: 0; }
tabbox > tab:checked, tabbox > tab:selected, tabbar tabbox > tab:checked, tabbar tabbox > tab:selected,
tabbox > tabboxchild > tab:checked, tabbar tabbox > tabboxchild > tab:checked,
tabbox > tabboxchild > tab:selected { tabbar tabbox > tabboxchild > tab:selected {
background: linear-gradient(to right, #00f17d, #00f7d2) left bottom white no-repeat; background: linear-gradient(to right, #00f17d, #00f7d2) left bottom white no-repeat;
background-size: 100% 2px; background-size: 100% 2px;
border: 0; border: 0;

35
gtk-4.0/widgets/_notebooks.scss
View File

@ -275,20 +275,29 @@ notebook {
} }
} }
tabbar {
tabbox { &:backdrop .box {
background-color: mix($base_color, $headerbar_color, 30%); > scrolledwindow,
padding: 0px; > .start-action,
> tabboxchild { > .end-action {
margin: 0 -3px; filter: opacity(1);
border-radius: 0; }
} }
> tab, tabbox {
> tabboxchild > tab { background-color: mix($base_color, $headerbar_color, 30%);
border-radius: 0; padding: 0px;
&:checked, &:selected { color: $fg_color;
@include selected-tab(right); > tabboxchild {
color:$fg_color; margin: 0 -3px;
border-radius: 0;
}
> tab,
> tabboxchild > tab {
border-radius: 0;
&:checked, &:selected {
@include selected-tab(right);
color: $fg_color;
}
} }
} }
} }