From d9b5c42cebf9a165bcce7b6b8a019f5cfd5b789c Mon Sep 17 00:00:00 2001 From: EliverLara Date: Mon, 5 May 2025 17:15:45 -0600 Subject: [PATCH] Gnome: Improve notebooks tabs appearance --- gtk-3.0/gtk-dark.css | 18 +++++++----------- gtk-3.0/gtk.css | 18 +++++++----------- gtk-3.0/widgets/_notebooks.scss | 18 +++--------------- 3 files changed, 17 insertions(+), 37 deletions(-) diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css index 113b18f..3dc50d8 100755 --- a/gtk-3.0/gtk-dark.css +++ b/gtk-3.0/gtk-dark.css @@ -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); } diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css index a250cca..e0918e5 100755 --- a/gtk-3.0/gtk.css +++ b/gtk-3.0/gtk.css @@ -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); } diff --git a/gtk-3.0/widgets/_notebooks.scss b/gtk-3.0/widgets/_notebooks.scss index 02e3508..1efcf34 100644 --- a/gtk-3.0/widgets/_notebooks.scss +++ b/gtk-3.0/widgets/_notebooks.scss @@ -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);