Gnome: Improve notebooks tabs appearance

This commit is contained in:
EliverLara
2025-05-05 17:16:17 -06:00
parent 2dbb7b1e4c
commit d9b5c42ceb
3 changed files with 17 additions and 37 deletions
+7 -11
View File
@@ -2907,7 +2907,7 @@ assistant {
notebook > header {
padding: 1px;
border-color: #232831;
border-width: 1px;
border-width: 0px;
background-color: #303643; }
notebook > header:backdrop {
border-color: #262c36; }
@@ -2916,7 +2916,7 @@ notebook > header {
notebook > header.top {
border-bottom-style: solid; }
notebook > header.top > tabs {
margin-bottom: -2px; }
margin-bottom: -3px; }
notebook > header.top > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.top > tabs > tab:checked {
@@ -2930,8 +2930,7 @@ notebook > header {
notebook > header.bottom > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.bottom > tabs > tab:checked {
background-color: #3b4252;
box-shadow: -1px 0 0 #232831, 0px 1px 0 #232831, 1px 0 0 #232831; }
background-color: #3b4252; }
notebook > header.left {
border-right-style: solid; }
notebook > header.left > tabs {
@@ -2939,8 +2938,7 @@ notebook > header {
notebook > header.left > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.left > tabs > tab:checked {
background-color: #3b4252;
box-shadow: 0px 1px 0 #232831, 0px -1px 0 #232831, 0px 1px 0 #232831; }
background-color: #3b4252; }
notebook > header.right {
border-left-style: solid; }
notebook > header.right > tabs {
@@ -2948,8 +2946,7 @@ notebook > header {
notebook > header.right > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.right > tabs > tab:checked {
background-color: #3b4252;
box-shadow: 0px 1px 0 #232831, 0px -1px 0 #232831, 1px 0 0 #232831; }
background-color: #3b4252; }
notebook > header.top > tabs > arrow {
border-top-style: none; }
notebook > header.bottom > tabs > arrow {
@@ -3000,7 +2997,7 @@ notebook > header {
outline-offset: -5px;
color: #8e95a4;
font-weight: normal;
border-width: 1px;
border-width: 0px;
border-color: transparent; }
notebook > header tab:hover {
color: #b3bac7; }
@@ -3013,8 +3010,7 @@ notebook > header {
border-color: transparent;
background-color: transparent; }
notebook > header tab:checked {
color: #d8dee9;
box-shadow: -1px 0 0 #232831, 0px -1px 0 #232831, 1px 0 0 #232831; }
color: #d8dee9; }
notebook > header tab:checked.reorderable-page {
border-color: rgba(35, 40, 49, 0.5);
background-color: rgba(67, 76, 94, 0.5); }
+7 -11
View File
@@ -2907,7 +2907,7 @@ assistant {
notebook > header {
padding: 1px;
border-color: #232831;
border-width: 1px;
border-width: 0px;
background-color: #303643; }
notebook > header:backdrop {
border-color: #262c36; }
@@ -2916,7 +2916,7 @@ notebook > header {
notebook > header.top {
border-bottom-style: solid; }
notebook > header.top > tabs {
margin-bottom: -2px; }
margin-bottom: -3px; }
notebook > header.top > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.top > tabs > tab:checked {
@@ -2930,8 +2930,7 @@ notebook > header {
notebook > header.bottom > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.bottom > tabs > tab:checked {
background-color: #3b4252;
box-shadow: -1px 0 0 #232831, 0px 1px 0 #232831, 1px 0 0 #232831; }
background-color: #3b4252; }
notebook > header.left {
border-right-style: solid; }
notebook > header.left > tabs {
@@ -2939,8 +2938,7 @@ notebook > header {
notebook > header.left > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.left > tabs > tab:checked {
background-color: #3b4252;
box-shadow: 0px 1px 0 #232831, 0px -1px 0 #232831, 0px 1px 0 #232831; }
background-color: #3b4252; }
notebook > header.right {
border-left-style: solid; }
notebook > header.right > tabs {
@@ -2948,8 +2946,7 @@ notebook > header {
notebook > header.right > tabs > tab:backdrop {
box-shadow: none; }
notebook > header.right > tabs > tab:checked {
background-color: #3b4252;
box-shadow: 0px 1px 0 #232831, 0px -1px 0 #232831, 1px 0 0 #232831; }
background-color: #3b4252; }
notebook > header.top > tabs > arrow {
border-top-style: none; }
notebook > header.bottom > tabs > arrow {
@@ -3000,7 +2997,7 @@ notebook > header {
outline-offset: -5px;
color: #8e95a4;
font-weight: normal;
border-width: 1px;
border-width: 0px;
border-color: transparent; }
notebook > header tab:hover {
color: #b3bac7; }
@@ -3013,8 +3010,7 @@ notebook > header {
border-color: transparent;
background-color: transparent; }
notebook > header tab:checked {
color: #d8dee9;
box-shadow: -1px 0 0 #232831, 0px -1px 0 #232831, 1px 0 0 #232831; }
color: #d8dee9; }
notebook > header tab:checked.reorderable-page {
border-color: rgba(35, 40, 49, 0.5);
background-color: rgba(67, 76, 94, 0.5); }
+3 -15
View File
@@ -5,7 +5,7 @@
> header {
padding: 1px;
border-color: $borders_color;
border-width: 1px;
border-width: 0px;
background-color: darken($base_color, 5%);
&:backdrop {
@@ -17,7 +17,7 @@
&.top {
border-bottom-style: solid;
> tabs {
margin-bottom: -2px;
margin-bottom: -3px;
> tab {
&:backdrop { box-shadow: none; }
@@ -41,9 +41,6 @@
&:checked {
background-color: $base_color;
box-shadow: -1px 0 0 $borders_color,
0px 1px 0 $borders_color,
1px 0 0 $borders_color;
}
}
}
@@ -60,9 +57,6 @@
&:checked {
background-color: $base_color;
box-shadow: 0px 1px 0 $borders_color,
0px -1px 0 $borders_color,
0px 1px 0 $borders_color;
}
}
}
@@ -79,9 +73,6 @@
&:checked {
background-color: $base_color;
box-shadow: 0px 1px 0 $borders_color,
0px -1px 0 $borders_color,
1px 0 0 $borders_color;
}
}
}
@@ -163,7 +154,7 @@
color: $insensitive_fg_color;
font-weight: normal;
border-width: 1px; // for reorderable tabs
border-width: 0px; // for reorderable tabs
border-color: transparent; //
&:hover {
@@ -186,9 +177,6 @@
&:checked {
color: $fg_color;
box-shadow: -1px 0 0 $borders_color,
0px -1px 0 $borders_color,
1px 0 0 $borders_color;
&.reorderable-page {
border-color: transparentize($borders_color, 0.5);
background-color: transparentize($bg_color, 0.5);