[gtk+] High Contrast: spinbutton active state

[Jakub Steiner <jimmac src gnome org>]

commit 3a529614e5f08ddd6809a1d60b080186e0a5f409
Author: Jakub Steiner <jimmac gmail com>
Date:   Fri Mar 18 15:44:27 2016 +0100

    High Contrast: spinbutton active state
    
    - more contrast for the active state
    - osd active state

 gtk/theme/HighContrast/_common.scss              |    8 ++++++--
 gtk/theme/HighContrast/gtk-contained-inverse.css |    6 +++++-
 gtk/theme/HighContrast/gtk-contained.css         |    6 +++++-
 3 files changed, 16 insertions(+), 4 deletions(-)
---
diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss
index 552f6e1..ea6b7ee 100644
--- a/gtk/theme/HighContrast/_common.scss
+++ b/gtk/theme/HighContrast/_common.scss
@@ -934,7 +934,8 @@ spinbutton {
       &:disabled { color: transparentize($insensitive_fg_color, 0.7); }
 
       &:active {
-        background-color: transparentize(black, 0.9);
+        background-color: $osd_bg_color;
+        color: $osd_fg_color;
       }
 
       &:backdrop {
@@ -984,6 +985,10 @@ spinbutton {
 
       &:dir(rtl) { border-style: none solid none none; }
 
+      &:active {
+        background-color: $osd_bg_color;
+        color: $osd_fg_color;
+      }
       &:hover {
         @include button(undecorated);
         
@@ -1091,7 +1096,6 @@ spinbutton {
   }
 }
 
-
 /**************
  * ComboBoxes *
  **************/
diff --git a/gtk/theme/HighContrast/gtk-contained-inverse.css 
b/gtk/theme/HighContrast/gtk-contained-inverse.css
index b7e4af1..2d4b87b 100644
--- a/gtk/theme/HighContrast/gtk-contained-inverse.css
+++ b/gtk/theme/HighContrast/gtk-contained-inverse.css
@@ -1091,7 +1091,8 @@ spinbutton:not(.vertical) {
     spinbutton:not(.vertical) button:disabled {
       color: rgba(128, 128, 128, 0.3); }
     spinbutton:not(.vertical) button:active {
-      background-color: rgba(0, 0, 0, 0.1); }
+      background-color: rgba(0, 0, 0, 0.8);
+      color: #fff; }
     spinbutton:not(.vertical) button:backdrop {
       color: #fff;
       background-color: transparent;
@@ -1129,6 +1130,9 @@ spinbutton:not(.vertical) {
     box-shadow: none; }
     .osd spinbutton:not(.vertical) button:dir(rtl) {
       border-style: none solid none none; }
+    .osd spinbutton:not(.vertical) button:active {
+      background-color: rgba(0, 0, 0, 0.8);
+      color: #fff; }
     .osd spinbutton:not(.vertical) button:hover {
       border-width: 2px;
       border-style: solid;
diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css
index 487bc2d..30373fa 100644
--- a/gtk/theme/HighContrast/gtk-contained.css
+++ b/gtk/theme/HighContrast/gtk-contained.css
@@ -1095,7 +1095,8 @@ spinbutton:not(.vertical) {
     spinbutton:not(.vertical) button:disabled {
       color: rgba(128, 128, 128, 0.3); }
     spinbutton:not(.vertical) button:active {
-      background-color: rgba(0, 0, 0, 0.1); }
+      background-color: rgba(0, 0, 0, 0.8);
+      color: #fff; }
     spinbutton:not(.vertical) button:backdrop {
       color: #000;
       background-color: transparent;
@@ -1133,6 +1134,9 @@ spinbutton:not(.vertical) {
     box-shadow: none; }
     .osd spinbutton:not(.vertical) button:dir(rtl) {
       border-style: none solid none none; }
+    .osd spinbutton:not(.vertical) button:active {
+      background-color: rgba(0, 0, 0, 0.8);
+      color: #fff; }
     .osd spinbutton:not(.vertical) button:hover {
       border-width: 2px;
       border-style: solid;