[gtk+] HighContrast: Fix color chooser marks

[Matthias Clasen <matthiasc src gnome org>]

commit 3d3591e873f71657356cf54a7ac6cbe900d147d0
Author: Matthias Clasen <mclasen redhat com>
Date:   Tue Mar 17 19:34:15 2015 -0400

    HighContrast: Fix color chooser marks
    
    The checkmark for the selected color was always black,
    making it more or less invisible on dark colors.
    
    https://bugzilla.gnome.org/show_bug.cgi?id=746368

 gtk/theme/HighContrast/_common.scss |    4 ++++
 gtk/theme/HighContrast/gtk.css      |   22 ++++++++++++++--------
 2 files changed, 18 insertions(+), 8 deletions(-)
---
diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss
index 3f3ea79..1f7c6e8 100644
--- a/gtk/theme/HighContrast/_common.scss
+++ b/gtk/theme/HighContrast/_common.scss
@@ -2142,6 +2142,8 @@ GtkColorSwatch {
   box-shadow: inset 0 1px 1px transparentize(black, 0.8);
 
   &.color-light {
+    color: black;
+    outline-color: transparentize(black, 0.7);
     &:hover {
       background-image: linear-gradient(to bottom,
                                         transparentize(white, 1) 40%,
@@ -2150,6 +2152,8 @@ GtkColorSwatch {
     }
   }
   &.color-dark {
+    color: white;
+    outline-color: transparentize(white, 0.5);
     &:hover {
        background-image: linear-gradient(to bottom,
                                         transparentize(white, 1) 40%,
diff --git a/gtk/theme/HighContrast/gtk.css b/gtk/theme/HighContrast/gtk.css
index 2cd4482..b919857 100644
--- a/gtk/theme/HighContrast/gtk.css
+++ b/gtk/theme/HighContrast/gtk.css
@@ -2427,14 +2427,20 @@ GtkInfoBar {
 GtkColorSwatch {
   border: 1px solid rgba(0, 0, 0, 0.3);
   box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2); }
-  GtkColorSwatch.color-light:hover {
-    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.4)); }
-    GtkColorSwatch.color-light:hover:backdrop {
-      background-image: none; }
-  GtkColorSwatch.color-dark:hover {
-    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2)); }
-    GtkColorSwatch.color-dark:hover:backdrop {
-      background-image: none; }
+  GtkColorSwatch.color-light {
+    color: black;
+    outline-color: rgba(0, 0, 0, 0.3); }
+    GtkColorSwatch.color-light:hover {
+      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.4)); }
+      GtkColorSwatch.color-light:hover:backdrop {
+        background-image: none; }
+  GtkColorSwatch.color-dark {
+    color: white;
+    outline-color: rgba(255, 255, 255, 0.5); }
+    GtkColorSwatch.color-dark:hover {
+      background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.2)); }
+      GtkColorSwatch.color-dark:hover:backdrop {
+        background-image: none; }
   GtkColorSwatch:hover {
     border-color: rgba(0, 0, 0, 0.5); }
   GtkColorSwatch:backdrop {