From d2e8e64600e7c19d9e61e4e551690e2221ce5772 Mon Sep 17 00:00:00 2001
From: Henrik Hautakoski <henrik.hautakoski@gmail.com>
Date: Sat, 24 Mar 2018 10:48:46 +0100
Subject: [PATCH] app/assets/less/variables.less: fixing the names for gray
 colors (prefixed with "gray" instead)

---
 app/assets/less/components/callback-list.less |  2 +-
 app/assets/less/variables.less                | 23 ++++++++++---------
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/app/assets/less/components/callback-list.less b/app/assets/less/components/callback-list.less
index 023c773..ee17060 100644
--- a/app/assets/less/components/callback-list.less
+++ b/app/assets/less/components/callback-list.less
@@ -7,7 +7,7 @@
     padding: .6em 1em;
 
     &:hover {
-        background: @lightest-gray;
+        background: @gray-lightest;
     }
 
     // Borders.
diff --git a/app/assets/less/variables.less b/app/assets/less/variables.less
index 7da2d22..0a44968 100644
--- a/app/assets/less/variables.less
+++ b/app/assets/less/variables.less
@@ -8,10 +8,10 @@
 // ----------------------------------
 //   Colors
 // ----------------------------------
-@lightest-gray: #f9f9f9;
-@light-gray:    #dcdcdc;
-@dark-gray:     #444;
-@darker-gray:   #202020;
+@gray-lightest: #f9f9f9;
+@gray-light:    #dcdcdc;
+@gray-dark:     #444;
+@gray-darker:   #202020;
 @black:         #000;
 @white:         #fff;
 
@@ -21,9 +21,9 @@
 @text-light-color:			#f1f1f1;
 
 // Layout
-@foreground-color:   		white;
+@foreground-color:   		@white;
 @body-bg:  					#f5f5f6;
-@border-color: 				@light-gray;
+@border-color: 				@gray-light;
 
 // Brand
 @brand-color:       		#03a9f4;
@@ -148,8 +148,9 @@
 // ----------------------------------
 
 @callback-list-border-size:         1px;
-@callback-list-border-color:        @light-gray;
+@callback-list-border-color:        @gray-light;
 @callback-list-border-radius:       3px;
+@callback-list-hover-color:         @gray-lightest;
 @callback-list-name-text-size:      @font-size-h4;
 @callback-list-name-color:          @text-color;
 @callback-list-name-hover-color:    @link-color;
@@ -159,12 +160,12 @@
 //   Request list
 // ----------------------------------
 
-@request-item-color:                @dark-gray;
+@request-item-color:                @gray-dark;
 @request-item-light-color:          #666;
 @request-item-background:           transparent;
-@request-item-border-color:         @light-gray;
-@request-item-active-color:         @dark-gray;
-@request-item-active-background:    @lightest-gray;
+@request-item-border-color:         @gray-light;
+@request-item-active-color:         @gray-dark;
+@request-item-active-background:    @gray-lightest;
 @request-item-active-border-color:  darken(@request-item-active-background, 10%);
 @request-item-hover-background:     @request-item-active-background;
 @request-detail-background:         lighten(@brand-color, 45%);