[gtk+/wip/matthiasc/tab-strip] Theme updates



commit c9ec72be7af511a41a09d6db8584dad5b25c010c
Author: Matthias Clasen <mclasen redhat com>
Date:   Tue May 31 01:06:12 2016 -0400

    Theme updates
    
    Cut down on padding, and make close buttons square.

 gtk/theme/Adwaita/_common.scss           |    9 +++++----
 gtk/theme/Adwaita/gtk-contained-dark.css |   10 ++++++----
 gtk/theme/Adwaita/gtk-contained.css      |   10 ++++++----
 3 files changed, 17 insertions(+), 12 deletions(-)
---
diff --git a/gtk/theme/Adwaita/_common.scss b/gtk/theme/Adwaita/_common.scss
index ee6a55a..9b44d0a 100644
--- a/gtk/theme/Adwaita/_common.scss
+++ b/gtk/theme/Adwaita/_common.scss
@@ -2295,27 +2295,28 @@ notebook {
 tabs {
   button.flat.image-button {
     @include button(undecorated);
-    border-radius: 50%;
     margin: 10px;
     padding: 0;
     &:hover {
       @include button(hover);
+      color: currentColor;
       -gtk-icon-effect: highlight;
     }
+    &, &:backdrop { color: gtkalpha(currentColor, 0.3); }
   }
   tab {
     min-width: 6em;
-    padding: 13px; // keeping width when paging buttons show up
+    padding: 3px; // keeping width when paging buttons show up
     border-right: 1px solid transparentize($borders_color,0.5);
     &:first-child { border-left: 1px solid transparentize($borders_color,0.5); }
     &:checked,
     &:checked:hover { //FIXME not really working
       border-bottom: 2px solid $selected_bg_color;
-      padding-bottom: 11px;
+      padding-bottom: 1px;
     }
     &:hover {
       border-bottom: 2px solid $borders_color;
-      padding-bottom: 11px;
+      padding-bottom: 1px;
     }
   }
 }
diff --git a/gtk/theme/Adwaita/gtk-contained-dark.css b/gtk/theme/Adwaita/gtk-contained-dark.css
index ebbabc5..343ee1c 100644
--- a/gtk/theme/Adwaita/gtk-contained-dark.css
+++ b/gtk/theme/Adwaita/gtk-contained-dark.css
@@ -2580,7 +2580,6 @@ tabs button.flat.image-button {
   box-shadow: inset 0 1px rgba(255, 255, 255, 0);
   text-shadow: none;
   -gtk-icon-shadow: none;
-  border-radius: 50%;
   margin: 10px;
   padding: 0; }
   tabs button.flat.image-button:hover {
@@ -2592,19 +2591,22 @@ tabs button.flat.image-button {
     text-shadow: 0 -1px rgba(0, 0, 0, 0.77945);
     -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.77945);
     box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
+    color: currentColor;
     -gtk-icon-effect: highlight; }
+  tabs button.flat.image-button, tabs button.flat.image-button:backdrop {
+    color: alpha(currentColor,0.3); }
 tabs tab {
   min-width: 6em;
-  padding: 13px;
+  padding: 3px;
   border-right: 1px solid rgba(27, 31, 32, 0.5); }
   tabs tab:first-child {
     border-left: 1px solid rgba(27, 31, 32, 0.5); }
   tabs tab:checked, tabs tab:checked:hover {
     border-bottom: 2px solid #215d9c;
-    padding-bottom: 11px; }
+    padding-bottom: 1px; }
   tabs tab:hover {
     border-bottom: 2px solid #1b1f20;
-    padding-bottom: 11px; }
+    padding-bottom: 1px; }
 
 /**************
  * Scrollbars *
diff --git a/gtk/theme/Adwaita/gtk-contained.css b/gtk/theme/Adwaita/gtk-contained.css
index c86033d..10de1b1 100644
--- a/gtk/theme/Adwaita/gtk-contained.css
+++ b/gtk/theme/Adwaita/gtk-contained.css
@@ -2593,7 +2593,6 @@ tabs button.flat.image-button {
   box-shadow: inset 0 1px rgba(255, 255, 255, 0);
   text-shadow: none;
   -gtk-icon-shadow: none;
-  border-radius: 50%;
   margin: 10px;
   padding: 0; }
   tabs button.flat.image-button:hover {
@@ -2605,19 +2604,22 @@ tabs button.flat.image-button {
     text-shadow: 0 1px rgba(255, 255, 255, 0.76923);
     -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.76923);
     box-shadow: inset 0 1px white;
+    color: currentColor;
     -gtk-icon-effect: highlight; }
+  tabs button.flat.image-button, tabs button.flat.image-button:backdrop {
+    color: alpha(currentColor,0.3); }
 tabs tab {
   min-width: 6em;
-  padding: 13px;
+  padding: 3px;
   border-right: 1px solid rgba(182, 182, 179, 0.5); }
   tabs tab:first-child {
     border-left: 1px solid rgba(182, 182, 179, 0.5); }
   tabs tab:checked, tabs tab:checked:hover {
     border-bottom: 2px solid #4a90d9;
-    padding-bottom: 11px; }
+    padding-bottom: 1px; }
   tabs tab:hover {
     border-bottom: 2px solid #b6b6b3;
-    padding-bottom: 11px; }
+    padding-bottom: 1px; }
 
 /**************
  * Scrollbars *


[Date Prev][Date Next]   [Thread Prev][Thread Next]   [Thread Index] [Date Index] [Author Index]