mirror of
https://github.com/EliverLara/Nordic.git
synced 2026-08-24 02:24:18 -05:00
Gnome: Improve notebooks tabs appearance
This commit is contained in:
+7
-11
@@ -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
@@ -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); }
|
||||
|
||||
@@ -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);
|
||||
|
||||
Reference in New Issue
Block a user