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 {
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;
padding: 0px; }
tabbox > tabboxchild {
padding: 0px;
color: #C3C7D1; }
tabbar tabbox > tabboxchild {
margin: 0 -3px;
border-radius: 0; }
tabbox > tab,
tabbox > tabboxchild > tab {
tabbar tabbox > tab,
tabbar tabbox > tabboxchild > tab {
border-radius: 0; }
tabbox > tab:checked, tabbox > tab:selected,
tabbox > tabboxchild > tab:checked,
tabbox > tabboxchild > tab:selected {
tabbar tabbox > tab:checked, tabbar tabbox > tab:selected,
tabbar tabbox > tabboxchild > tab:checked,
tabbar tabbox > tabboxchild > tab:selected {
background: linear-gradient(to right, #00f17d, #00f7d2) left bottom #1b1e2c no-repeat;
background-size: 100% 2px;
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 {
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;
padding: 0px; }
tabbox > tabboxchild {
padding: 0px;
color: #31363d; }
tabbar tabbox > tabboxchild {
margin: 0 -3px;
border-radius: 0; }
tabbox > tab,
tabbox > tabboxchild > tab {
tabbar tabbox > tab,
tabbar tabbox > tabboxchild > tab {
border-radius: 0; }
tabbox > tab:checked, tabbox > tab:selected,
tabbox > tabboxchild > tab:checked,
tabbox > tabboxchild > tab:selected {
tabbar tabbox > tab:checked, tabbar tabbox > tab:selected,
tabbar tabbox > tabboxchild > tab:checked,
tabbar tabbox > tabboxchild > tab:selected {
background: linear-gradient(to right, #00f17d, #00f7d2) left bottom white no-repeat;
background-size: 100% 2px;
border: 0;

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

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