[gnome-themes-standard] nicer tab focus ring

[Lapo Calamandrei <lapo src gnome org>]

commit 6fbb8de6b590a2a00bfa1725fa257bd23b5bfe5f
Author: Lapo Calamandrei <calamandrei gmail com>
Date:   Thu Jun 12 17:36:05 2014 +0200

    nicer tab focus ring

 themes/Adwaita/gtk-3.0/_common.scss           |   46 +++++++++++++-----------
 themes/Adwaita/gtk-3.0/gtk-contained-dark.css |    4 ++-
 themes/Adwaita/gtk-3.0/gtk-contained.css      |    4 ++-
 3 files changed, 31 insertions(+), 23 deletions(-)
---
diff --git a/themes/Adwaita/gtk-3.0/_common.scss b/themes/Adwaita/gtk-3.0/_common.scss
index 8b13c05..b81c6c6 100644
--- a/themes/Adwaita/gtk-3.0/_common.scss
+++ b/themes/Adwaita/gtk-3.0/_common.scss
@@ -36,7 +36,7 @@
   -GtkWidget-focus-line-width: 1;
   -GtkWindow-resize-grip-width: 0;
   -GtkWindow-resize-grip-height: 0;
-  
+
   -GtkDialog-button-spacing: 4;
   -GtkDialog-action-area-border: 0;
 
@@ -239,7 +239,7 @@
       @extend %linked_buttons;
     }
     &:active {
-      @include button(osd-active); 
+      @include button(osd-active);
       @extend %linked_buttons;
     }
     &:insensitive {
@@ -284,14 +284,14 @@
       padding: 8px;
     }
   }
-  
+
   //inline-toolbar buttons
   .inline-toolbar &, .inline-toolbar &:backdrop {
     border-radius: 2px;
     border-width: 1px;
     @extend %linked_buttons;
   }
-  
+
   .primary-toolbar & { icon-shadow: none; } // tango icons don't need added shadows
   .linked &, .linked &:backdrop {
     @extend %linked_buttons;
@@ -554,7 +554,7 @@ GtkComboBox {
   border-color: $borders_color;
   $_bg: mix($bg_color, $borders_color, 70%);
   background-color: $_bg;
-  box-shadow: inset 0 2px 3px -1px mix($borders_color, $_bg, 60%); 
+  box-shadow: inset 0 2px 3px -1px mix($borders_color, $_bg, 60%);
   //FIXME edge would be nice, but doesn't work
   &:backdrop {
     border-color: $backdrop_borders_color;
@@ -698,7 +698,7 @@ column-header { // FIXME: something better
       background-color: $backdrop_base_color;
     }
     //submenu indicators
-    &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); } 
+    &.arrow { -gtk-icon-source: -gtk-icontheme('pan-end-symbolic'); }
   }
 }
 
@@ -847,6 +847,8 @@ GtkPopover {
     border-color: transparent;
     background-color: transparent;
 
+    outline-offset: 0;
+
     $tab_indicator_size: 3px;
     //vertical tab sizing
     $vt_vpadding: 8px;
@@ -856,7 +858,7 @@ GtkPopover {
     $ht_hpadding: 20px;
 
     //FIXME: we get double border in some cases, not considering the broken
-    //notebook content frame... 
+    //notebook content frame...
     &.top, &.bottom { padding: $vt_vpadding $vt_hpadding; }
     &.left, &.right { padding: $ht_vpadding $ht_hpadding; }
     &.top {
@@ -899,7 +901,7 @@ GtkPopover {
       }
       &:active {
         padding: $vt_vpadding ($vt_hpadding)-1px
-                 ($vt_vpadding)-3px ($vt_hpadding)-1px; 
+                 ($vt_vpadding)-3px ($vt_hpadding)-1px;
                  //FIXME close button still jumps
         border-width: 0 1px 3px 1px;
         background-color: transparentize($bg_color, .5);
@@ -916,8 +918,10 @@ GtkPopover {
     }
     GtkLabel { //tab text
       // this doesn't affect labels on reorderable pages, not css fault.
+      padding: 0 2px; // needed for a nicer focus ring
       font-weight: bold;
       color: $insensitive_fg_color;
+
       // prelight tab text
       &.prelight-page {
         color: mix($fg_color, $insensitive_fg_color, 50%);
@@ -960,8 +964,8 @@ GtkPopover {
   -GtkScrollbar-has-backward-stepper: false;
   -GtkScrollbar-has-forward-stepper: false;
   -GtkRange-slider-width: 13;
-  -GtkScrollbar-min-slider-length: 42; // minimum size for the slider. 
-                                       // sadly can't be in '.slider' 
+  -GtkScrollbar-min-slider-length: 42; // minimum size for the slider.
+                                       // sadly can't be in '.slider'
                                        // where it belongs
 
   -GtkRange-stepper-spacing: 0;
@@ -1095,7 +1099,7 @@ $asset_suffix: if($variant=='dark', '-dark', '');
                                     url("assets/#{$a}#{$as}#{$asset_suffix} 2 png"));
       background-repeat: no-repeat;
       background-position: center;
-    }    
+    }
   }
 
   //menu
@@ -1114,8 +1118,8 @@ $asset_suffix: if($variant=='dark', '-dark', '');
       }
       &:backdrop { color: $backdrop_fg_color; }
     }
-    &:insensitive { 
-      color: transparentize($insensitive_fg_color,0.9); 
+    &:insensitive {
+      color: transparentize($insensitive_fg_color,0.9);
       &:backdrop { color: transparent; }
     }
     &:inconsistent {
@@ -1367,7 +1371,7 @@ GtkLevelBar.vertical {
       &:backdrop { border-color: transparentize($backdrop_fg_color,0.85); }
     }
   }
-}  
+}
 
 // catch all extend :)
 
@@ -1439,7 +1443,7 @@ GtkExpander {
   &:hover { color: lighten($fg_color,30%); } //only lightens the arrow
   &:active { -gtk-icon-source: -gtk-icontheme('pan-down-symbolic'); }
 }
- 
+
 /************
  * Calendar *
  ***********/
@@ -1521,12 +1525,12 @@ GtkMessageDialog .titlebar {
   background-color: $_sidebar_bg;
   .scrollbar {
     &.trough {
-      background-color: darken($bg_color,10%); 
+      background-color: darken($bg_color,10%);
       border-radius: 6px;
       border-width: 2px;
       border-color: transparent;
     }
-    &.slider { 
+    &.slider {
       background-color: $_sidebar_bg;
       &:hover { background-color: lighten($bg_color, 10%); }
     }
@@ -1605,7 +1609,7 @@ GtkColorSwatch {
 
   border: 1px solid transparentize(black,0.7);
   box-shadow: inset 0 1px 1px transparentize(black, 0.8);
-  
+
   &.color-light {
     &:hover {
       background-image: linear-gradient(to bottom,
@@ -1622,7 +1626,7 @@ GtkColorSwatch {
        &:backdrop { background-image: none; }
     }
   }
-  
+
   &:hover { border-color: transparentize(black, 0.5); }
 
   &:backdrop { border-color: transparentize(black,0.8); box-shadow: none; }
@@ -1705,8 +1709,8 @@ GtkColorChooserWidget #add-color-button {
       box-shadow: 0 1px 2px transparentize(black, 0.6),
                   0 0 0 1px transparentize($_wm_border,0.1);
     }
-    &.tooltip { 
-      border-radius: 5px; 
+    &.tooltip {
+      border-radius: 5px;
       box-shadow: none;
     }
   }
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
index dbd2725..1121f5a 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained-dark.css
@@ -912,7 +912,8 @@ GtkPopover {
     border-width: 0;
     border-style: solid;
     border-color: transparent;
-    background-color: transparent; }
+    background-color: transparent;
+    outline-offset: 0; }
     .notebook tab.top, .notebook tab.bottom {
       padding: 8px 20px; }
     .notebook tab.left, .notebook tab.right {
@@ -956,6 +957,7 @@ GtkPopover {
           border-color: #363d3d;
           background-color: #363c3c; }
     .notebook tab GtkLabel {
+      padding: 0 2px;
       font-weight: bold;
       color: #939695; }
       .notebook tab GtkLabel.prelight-page {
diff --git a/themes/Adwaita/gtk-3.0/gtk-contained.css b/themes/Adwaita/gtk-3.0/gtk-contained.css
index e061ac4..262d234 100644
--- a/themes/Adwaita/gtk-3.0/gtk-contained.css
+++ b/themes/Adwaita/gtk-3.0/gtk-contained.css
@@ -912,7 +912,8 @@ GtkPopover {
     border-width: 0;
     border-style: solid;
     border-color: transparent;
-    background-color: transparent; }
+    background-color: transparent;
+    outline-offset: 0; }
     .notebook tab.top, .notebook tab.bottom {
       padding: 8px 20px; }
     .notebook tab.left, .notebook tab.right {
@@ -956,6 +957,7 @@ GtkPopover {
           border-color: #c2c2c2;
           background-color: #e7e7e7; }
     .notebook tab GtkLabel {
+      padding: 0 2px;
       font-weight: bold;
       color: #8d9091; }
       .notebook tab GtkLabel.prelight-page {