diff --git a/gtk-3.0/_colors.scss b/gtk-3.0/_colors.scss
index cb0fdd2..b0b63d9 100755
--- a/gtk-3.0/_colors.scss
+++ b/gtk-3.0/_colors.scss
@@ -31,6 +31,10 @@ $selected_bg_color: $red;
 $selected_borders_color: darken($selected_bg_color, 10%);
 $borders_color: if($variant == 'light', transparentize(black,0.87), transparentize(#0C0E15,0.2));
 $borders_edge: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9));
+
+$selected-tab-gradient-start: #ff005d;
+$selected-tab-gradient-end: #ff8b26;
+
 $link_color: $blue;
 $link_visited_color:transparentize($link_color,0.5);
 $top_highlight: if($variant == 'light', transparentize(white, 0.8), transparentize(white, 0.9));
diff --git a/gtk-3.0/_drawing.scss b/gtk-3.0/_drawing.scss
index a4f5a93..024c06c 100755
--- a/gtk-3.0/_drawing.scss
+++ b/gtk-3.0/_drawing.scss
@@ -604,3 +604,15 @@ box-shadow: none;
 @mixin scale-highlight($dir) {
   background: linear-gradient(to $dir, #ff005d, #ff8b26);
 }
+
+@mixin selected-tab($dir) {
+  background:
+  linear-gradient(to $dir, $selected-tab-gradient-start, $selected-tab-gradient-end)
+  left 
+  bottom
+  lighten(mix($base_color, darken($headerbar_color, 8%), 30%), 4%)
+  no-repeat; 
+  @if $dir==right { background-size: 100% 2px; }
+  @else if $dir==bottom { background-size: 2px 100%; } 
+  border: 0;
+}
\ No newline at end of file
diff --git a/gtk-3.0/gtk-dark.css b/gtk-3.0/gtk-dark.css
index c0d74d8..30ecc2b 100755
--- a/gtk-3.0/gtk-dark.css
+++ b/gtk-3.0/gtk-dark.css
@@ -3036,9 +3036,9 @@ assistant {
  *************/
 notebook > header {
   padding: 1px;
-  border-color: rgba(12, 14, 21, 0.8);
+  border-color: transparent;
   border-width: 1px;
-  background-color: #1A1E21; }
+  background-color: #111416; }
   notebook > header:backdrop {
     border-color: rgba(14, 16, 23, 0.82);
     background-color: #1A1E21; }
@@ -3051,9 +3051,9 @@ notebook > header {
       notebook > header.top > tabs > tab:backdrop {
         box-shadow: none; }
       notebook > header.top > tabs > tab:checked {
-        background-color: #1A1E21; }
-        notebook > header.top > tabs > tab:checked:hover {
-          background-color: #1A1E21; }
+        background: linear-gradient(to right, #ff005d, #ff8b26) left bottom #171a1d no-repeat;
+        background-size: 100% 2px;
+        border: 0; }
   notebook > header.bottom {
     border-top-style: solid; }
     notebook > header.bottom > tabs {
@@ -3061,8 +3061,9 @@ notebook > header {
       notebook > header.bottom > tabs > tab:backdrop {
         box-shadow: none; }
       notebook > header.bottom > tabs > tab:checked {
-        background-color: #1A1E21;
-        box-shadow: -1px 0 0 rgba(12, 14, 21, 0.8), 0px 1px 0 rgba(12, 14, 21, 0.8), 1px 0 0 rgba(12, 14, 21, 0.8); }
+        background: linear-gradient(to right, #ff005d, #ff8b26) left bottom #171a1d no-repeat;
+        background-size: 100% 2px;
+        border: 0; }
   notebook > header.left {
     border-right-style: solid; }
     notebook > header.left > tabs {
@@ -3070,8 +3071,9 @@ notebook > header {
       notebook > header.left > tabs > tab:backdrop {
         box-shadow: none; }
       notebook > header.left > tabs > tab:checked {
-        background-color: #1A1E21;
-        box-shadow: 0px 1px 0 rgba(12, 14, 21, 0.8), 0px -1px 0 rgba(12, 14, 21, 0.8), 0px 1px 0 rgba(12, 14, 21, 0.8); }
+        background: linear-gradient(to bottom, #ff005d, #ff8b26) left bottom #171a1d no-repeat;
+        background-size: 2px 100%;
+        border: 0; }
   notebook > header.right {
     border-left-style: solid; }
     notebook > header.right > tabs {
@@ -3079,8 +3081,9 @@ notebook > header {
       notebook > header.right > tabs > tab:backdrop {
         box-shadow: none; }
       notebook > header.right > tabs > tab:checked {
-        background-color: #1A1E21;
-        box-shadow: 0px 1px 0 rgba(12, 14, 21, 0.8), 0px -1px 0 rgba(12, 14, 21, 0.8), 1px 0 0 rgba(12, 14, 21, 0.8); }
+        background: linear-gradient(to bottom, #ff005d, #ff8b26) left bottom #171a1d no-repeat;
+        background-size: 2px 100%;
+        border: 0; }
   notebook > header.top > tabs > arrow {
     border-top-style: none; }
   notebook > header.bottom > tabs > arrow {
@@ -3144,8 +3147,7 @@ notebook > header {
         border-color: transparent;
         background-color: transparent; }
     notebook > header tab:checked {
-      color: #76777A;
-      box-shadow: -1px 0 0 rgba(12, 14, 21, 0.8), 0px -1px 0 rgba(12, 14, 21, 0.8), 1px 0 0 rgba(12, 14, 21, 0.8); }
+      color: #76777A; }
       notebook > header tab:checked.reorderable-page {
         border-color: rgba(12, 14, 21, 0.3);
         background-color: rgba(26, 30, 33, 0.5); }
diff --git a/gtk-3.0/gtk.css b/gtk-3.0/gtk.css
index c0d74d8..30ecc2b 100755
--- a/gtk-3.0/gtk.css
+++ b/gtk-3.0/gtk.css
@@ -3036,9 +3036,9 @@ assistant {
  *************/
 notebook > header {
   padding: 1px;
-  border-color: rgba(12, 14, 21, 0.8);
+  border-color: transparent;
   border-width: 1px;
-  background-color: #1A1E21; }
+  background-color: #111416; }
   notebook > header:backdrop {
     border-color: rgba(14, 16, 23, 0.82);
     background-color: #1A1E21; }
@@ -3051,9 +3051,9 @@ notebook > header {
       notebook > header.top > tabs > tab:backdrop {
         box-shadow: none; }
       notebook > header.top > tabs > tab:checked {
-        background-color: #1A1E21; }
-        notebook > header.top > tabs > tab:checked:hover {
-          background-color: #1A1E21; }
+        background: linear-gradient(to right, #ff005d, #ff8b26) left bottom #171a1d no-repeat;
+        background-size: 100% 2px;
+        border: 0; }
   notebook > header.bottom {
     border-top-style: solid; }
     notebook > header.bottom > tabs {
@@ -3061,8 +3061,9 @@ notebook > header {
       notebook > header.bottom > tabs > tab:backdrop {
         box-shadow: none; }
       notebook > header.bottom > tabs > tab:checked {
-        background-color: #1A1E21;
-        box-shadow: -1px 0 0 rgba(12, 14, 21, 0.8), 0px 1px 0 rgba(12, 14, 21, 0.8), 1px 0 0 rgba(12, 14, 21, 0.8); }
+        background: linear-gradient(to right, #ff005d, #ff8b26) left bottom #171a1d no-repeat;
+        background-size: 100% 2px;
+        border: 0; }
   notebook > header.left {
     border-right-style: solid; }
     notebook > header.left > tabs {
@@ -3070,8 +3071,9 @@ notebook > header {
       notebook > header.left > tabs > tab:backdrop {
         box-shadow: none; }
       notebook > header.left > tabs > tab:checked {
-        background-color: #1A1E21;
-        box-shadow: 0px 1px 0 rgba(12, 14, 21, 0.8), 0px -1px 0 rgba(12, 14, 21, 0.8), 0px 1px 0 rgba(12, 14, 21, 0.8); }
+        background: linear-gradient(to bottom, #ff005d, #ff8b26) left bottom #171a1d no-repeat;
+        background-size: 2px 100%;
+        border: 0; }
   notebook > header.right {
     border-left-style: solid; }
     notebook > header.right > tabs {
@@ -3079,8 +3081,9 @@ notebook > header {
       notebook > header.right > tabs > tab:backdrop {
         box-shadow: none; }
       notebook > header.right > tabs > tab:checked {
-        background-color: #1A1E21;
-        box-shadow: 0px 1px 0 rgba(12, 14, 21, 0.8), 0px -1px 0 rgba(12, 14, 21, 0.8), 1px 0 0 rgba(12, 14, 21, 0.8); }
+        background: linear-gradient(to bottom, #ff005d, #ff8b26) left bottom #171a1d no-repeat;
+        background-size: 2px 100%;
+        border: 0; }
   notebook > header.top > tabs > arrow {
     border-top-style: none; }
   notebook > header.bottom > tabs > arrow {
@@ -3144,8 +3147,7 @@ notebook > header {
         border-color: transparent;
         background-color: transparent; }
     notebook > header tab:checked {
-      color: #76777A;
-      box-shadow: -1px 0 0 rgba(12, 14, 21, 0.8), 0px -1px 0 rgba(12, 14, 21, 0.8), 1px 0 0 rgba(12, 14, 21, 0.8); }
+      color: #76777A; }
       notebook > header tab:checked.reorderable-page {
         border-color: rgba(12, 14, 21, 0.3);
         background-color: rgba(26, 30, 33, 0.5); }
diff --git a/gtk-3.0/widgets/_notebooks.scss b/gtk-3.0/widgets/_notebooks.scss
index eb18d33..cc8f274 100644
--- a/gtk-3.0/widgets/_notebooks.scss
+++ b/gtk-3.0/widgets/_notebooks.scss
@@ -4,9 +4,9 @@
 notebook {
   > header {
     padding: 1px;
-    border-color: $borders_color;
+    border-color: transparent;
     border-width: 1px;
-    background-color: $bg_color;
+    background-color: mix($base_color, darken($headerbar_color, 6%), 30%);
 
     &:backdrop {
       border-color: $backdrop_borders_color;
@@ -25,8 +25,7 @@ notebook {
           &:backdrop { box-shadow: none; }
 
           &:checked {
-              background-color: $bg_color;
-              &:hover{background-color: $bg_color;}
+            @include selected-tab(right);
           }
         }
       }
@@ -42,10 +41,7 @@ notebook {
           &:backdrop { box-shadow: none; }
 
           &:checked { 
-            background-color: $bg_color; 
-            box-shadow: -1px 0 0 $borders_color,
-            0px 1px 0 $borders_color,
-            1px 0 0 $borders_color;
+            @include selected-tab(right);
           }
         }
       }
@@ -61,11 +57,8 @@ notebook {
           &:backdrop { box-shadow: none; }
 
           &:checked { 
-            background-color: $bg_color; 
-            box-shadow: 0px 1px 0 $borders_color,
-            0px -1px 0 $borders_color,
-            0px 1px 0 $borders_color;
-           }
+            @include selected-tab(bottom);
+          }
         }
       }
     }
@@ -80,10 +73,7 @@ notebook {
           &:backdrop { box-shadow: none; }
 
           &:checked { 
-            background-color: $bg_color; 
-            box-shadow: 0px 1px 0 $borders_color,
-            0px -1px 0 $borders_color,
-            1px 0 0 $borders_color;
+            @include selected-tab(bottom);
           }
         }
       }
@@ -188,9 +178,6 @@ notebook {
 
       &: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);