improve tabs

1 files changed, 50 insertions, 48 deletions

diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css
index dd6b2e1..3d85156 100644
--- a/common/gtk-3.0/3.20/gtk-solid-dark.css
+++ b/common/gtk-3.0/3.20/gtk-solid-dark.css
@@ -667,7 +667,7 @@ toolbar.inline-toolbar toolbutton > button.flat, .inline-toolbar toolbutton > bu
 
 menuitem.button.flat,
 modelbutton.flat, button:link, button:visited, button:link:hover, button:link:active, button:link:checked, button:visited:hover, button:visited:active, button:visited:checked, menu arrow,
-.menu arrow, notebook > header tab button, notebook > header tab button:hover, notebook > header tab button:active, notebook > header tab button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
+.menu arrow, notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover, notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover, .app-notification button.flat, .app-notification button.sidebar-button, .app-notification button.flat:disabled, .app-notification button.sidebar-button:disabled {
   border-color: transparent;
   background-color: transparent;
   background-image: none;
@@ -1519,12 +1519,13 @@ cursor-handle {
 
 notebook {
   padding: 0;
-  background-color: #404552;
   transition: all 200ms cubic-bezier(0.25, 0.46, 0.45, 0.94); }
   notebook.frame {
     border: 1px solid #2b2e39; }
-    notebook.frame header {
+    notebook.frame > header {
       margin: -1px; }
+  notebook > stack:not(:only-child) {
+    background-color: #404552; }
   notebook > header {
     padding: 3px;
     background-color: #383C4A; }
@@ -1538,94 +1539,92 @@ notebook {
       box-shadow: inset -1px 0 #2b2e39; }
     notebook > header.top {
       padding-bottom: 0; }
-      notebook > header.top tab {
-        padding: 4px 15px;
+      notebook > header.top > tabs > tab {
+        padding: 2px 10px;
+        min-width: 22px;
+        min-height: 22px;
+        outline-offset: -4px;
         border: 1px solid transparent;
         border-bottom: none;
         margin-right: -1px;
         border-radius: 1px 1px 0 0; }
-        notebook > header.top tab.reorderable-page {
-          padding-left: 12px;
-          padding-right: 12px; }
     notebook > header.bottom {
       padding-top: 0; }
-      notebook > header.bottom tab {
-        padding: 4px 15px;
+      notebook > header.bottom > tabs > tab {
+        padding: 2px 10px;
+        min-width: 22px;
+        min-height: 22px;
+        outline-offset: -4px;
         border: 1px solid transparent;
         border-top: none;
         margin-right: -1px;
         border-radius: 0 0 1px 1px; }
-        notebook > header.bottom tab.reorderable-page {
-          padding-left: 12px;
-          padding-right: 12px; }
     notebook > header.right {
       padding-left: 0; }
-      notebook > header.right tab {
-        padding: 4px 15px;
+      notebook > header.right > tabs > tab {
+        padding: 2px 10px;
+        min-width: 22px;
+        min-height: 22px;
+        outline-offset: -4px;
         border: 1px solid transparent;
         border-left: none;
         margin-bottom: -1px;
         border-radius: 0 1px 1px 0; }
-        notebook > header.right tab.reorderable-page {
-          padding-left: 12px;
-          padding-right: 12px; }
     notebook > header.left {
       padding-right: 0; }
-      notebook > header.left tab {
-        padding: 4px 15px;
+      notebook > header.left > tabs > tab {
+        padding: 2px 10px;
+        min-width: 22px;
+        min-height: 22px;
+        outline-offset: -4px;
         border: 1px solid transparent;
         border-right: none;
         margin-bottom: -1px;
         border-radius: 1px 0 0 1px; }
-        notebook > header.left tab.reorderable-page {
-          padding-left: 12px;
-          padding-right: 12px; }
-    notebook > header.top tabs arrow.up, notebook > header.bottom tabs arrow.up {
+    notebook > header.top > tabs > arrow.up, notebook > header.bottom > tabs > arrow.up {
       -gtk-icon-source: -gtk-icontheme("pan-end-symbolic"); }
-      notebook > header.top tabs arrow.up:last-child, notebook > header.bottom tabs arrow.up:last-child {
+      notebook > header.top > tabs > arrow.up:last-child, notebook > header.bottom > tabs > arrow.up:last-child {
         margin-left: 2px; }
-    notebook > header.top tabs arrow.down, notebook > header.bottom tabs arrow.down {
+    notebook > header.top > tabs > arrow.down, notebook > header.bottom > tabs > arrow.down {
       -gtk-icon-source: -gtk-icontheme("pan-start-symbolic"); }
-      notebook > header.top tabs arrow.down:first-child, notebook > header.bottom tabs arrow.down:first-child {
+      notebook > header.top > tabs > arrow.down:first-child, notebook > header.bottom > tabs > arrow.down:first-child {
         margin-right: 2px; }
-    notebook > header.left tabs arrow.up, notebook > header.right tabs arrow.up {
+    notebook > header.left > tabs > arrow.up, notebook > header.right > tabs > arrow.up {
       -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); }
-      notebook > header.left tabs arrow.up:last-child, notebook > header.right tabs arrow.up:last-child {
+      notebook > header.left > tabs > arrow.up:last-child, notebook > header.right > tabs > arrow.up:last-child {
         margin-top: 2px; }
-    notebook > header.left tabs arrow.down, notebook > header.right tabs arrow.down {
+    notebook > header.left > tabs > arrow.down, notebook > header.right > tabs > arrow.down {
       -gtk-icon-source: -gtk-icontheme("pan-up-symbolic"); }
-      notebook > header.left tabs arrow.down:first-child, notebook > header.right tabs arrow.down:first-child {
+      notebook > header.left > tabs > arrow.down:first-child, notebook > header.right > tabs > arrow.down:first-child {
         margin-bottom: 2px; }
-    notebook > header tabs arrow {
+    notebook > header > tabs > arrow {
       color: rgba(211, 218, 227, 0.45); }
-      notebook > header tabs arrow:hover {
+      notebook > header > tabs > arrow:hover {
         color: rgba(211, 218, 227, 0.725); }
-      notebook > header tabs arrow:active {
+      notebook > header > tabs > arrow:active {
         color: #D3DAE3; }
-      notebook > header tabs arrow:disabled {
+      notebook > header > tabs > arrow:disabled {
         color: rgba(211, 218, 227, 0.15); }
-    notebook > header tab {
+    notebook > header > tabs > tab {
+      color: rgba(211, 218, 227, 0.45);
       background-color: rgba(64, 69, 82, 0); }
-      notebook > header tab label {
-        color: rgba(211, 218, 227, 0.45); }
-      notebook > header tab:hover {
+      notebook > header > tabs > tab:hover:not(:checked) {
+        color: rgba(211, 218, 227, 0.725);
         background-color: rgba(64, 69, 82, 0.5);
-        border-color: #2b2e39; }
-        notebook > header tab:hover label {
-          color: rgba(211, 218, 227, 0.725); }
-      notebook > header tab:checked {
+        border-color: #2b2e39;
+        box-shadow: inset 0 -1px #2b2e39; }
+      notebook > header > tabs > tab:checked {
+        color: #D3DAE3;
         background-color: #404552;
         border-color: #2b2e39; }
-        notebook > header tab:checked label {
-          color: #D3DAE3; }
-      notebook > header tab button {
+      notebook > header > tabs > tab button.flat, notebook > header > tabs > tab button.sidebar-button {
         min-height: 18px;
         min-width: 16px;
         padding: 0;
         color: #9da3ad; }
-        notebook > header tab button:hover {
+        notebook > header > tabs > tab button.flat:hover, notebook > header > tabs > tab button.sidebar-button:hover {
           color: #ff4d4d; }
-        notebook > header tab button:active, notebook > header tab button:active:hover {
+        notebook > header > tabs > tab button.flat:active, notebook > header > tabs > tab button.sidebar-button:active, notebook > header > tabs > tab button.flat:active:hover, notebook > header > tabs > tab button.sidebar-button:active:hover {
           color: #5294E2; }
 
 * {
@@ -2770,6 +2769,9 @@ popover.background label.nautilus-canvas-item.separator, headerbar .nautilus-can
   background-color: #404552;
   border-bottom: 1px solid #2b2e39; }
 
+.nautilus-window notebook {
+  background-color: #404552; }
+
 button.nautilus-circular-button.image-button {
   border-radius: 50%;
   -gtk-outline-radius: 50%;