diff --git a/gtk/theme/HighContrast/_drawing.scss b/gtk/theme/HighContrast/_drawing.scss
index 330cb2e67c..4cb8b29d6d 100644
--- a/gtk/theme/HighContrast/_drawing.scss
+++ b/gtk/theme/HighContrast/_drawing.scss
@@ -1,6 +1,10 @@
 // Drawing mixins
 
 // generic drawing of more complex things
+@function _widget_edge($c:$borders_edge) {
+// outer highlight "used" on most widgets
+  @return 0 1px $c;
+}
 
 @mixin _shadows($shadow1, $shadow2:none, $shadow3:none, $shadow4:none) {
 //
diff --git a/gtk/theme/HighContrast/gtk.css b/gtk/theme/HighContrast/gtk.css
index 7fec7d4f94..c244425251 100644
--- a/gtk/theme/HighContrast/gtk.css
+++ b/gtk/theme/HighContrast/gtk.css
@@ -2542,13 +2542,13 @@ GtkInfoBar {
  * Color Chooser *
  *****************/
 GtkColorSwatch {
-  box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), _widget_edge(); }
+  box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px #fff; }
   :selected GtkColorSwatch {
     box-shadow: none; }
     :selected GtkColorSwatch.overlay, :selected GtkColorSwatch.overlay:hover {
       border-color: #fff; }
   GtkColorSwatch:selected {
-    box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), _widget_edge(); }
+    box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px #fff; }
   GtkColorSwatch.top {
     border-top-left-radius: 5px;
     border-top-right-radius: 5px; }
@@ -2573,7 +2573,7 @@ GtkColorSwatch {
     border-radius: 3px; }
     GtkColorEditor GtkColorSwatch:hover {
       background-image: none;
-      box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), _widget_edge(); }
+      box-shadow: inset 0 1px rgba(0, 0, 0, 0.1), 0 1px #fff; }
     GtkColorEditor GtkColorSwatch:backdrop {
       box-shadow: none; }
   GtkColorSwatch.color-dark {