From 11adcb9800f8ef28535e5247dd941c2158577937 Mon Sep 17 00:00:00 2001
From: John Mitchell <jlmitch5@ncsu.edu>
Date: Mon, 19 Nov 2018 12:35:55 -0500
Subject: [PATCH] fix color contrast of nav

---
 awx/ui/client/lib/components/layout/_index.less | 6 +++---
 awx/ui/client/lib/theme/_variables.less         | 6 ++++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/awx/ui/client/lib/components/layout/_index.less b/awx/ui/client/lib/components/layout/_index.less
index 9718aee233..cb371742e8 100644
--- a/awx/ui/client/lib/components/layout/_index.less
+++ b/awx/ui/client/lib/components/layout/_index.less
@@ -261,7 +261,7 @@
 .at-SettingsSubPane-content {
     display: none;
     position: absolute;
-    background-color: @at-gray-848992;
+    background-color: @at-color-side-nav-background;
     min-width: 140px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     bottom: 0px;
@@ -286,11 +286,11 @@
 
 // hover stuff
 .at-SettingsSubPane-content a:hover {
-    background-color: @at-gray-b7;
+    background-color: @at-color-side-nav-item-background-hover;
 }
 .at-SettingsSubPane.at-SettingsSubPane--visible .at-SettingsSubPane-content {
     display: block;
 }
 .at-SettingsSubPane.at-SettingsSubPane--visible .nav-button {
-    background-color: @at-gray-b7;
+    background-color: @at-color-side-nav-item-background-hover;
 }
\ No newline at end of file
diff --git a/awx/ui/client/lib/theme/_variables.less b/awx/ui/client/lib/theme/_variables.less
index f5a5add310..9752164db7 100644
--- a/awx/ui/client/lib/theme/_variables.less
+++ b/awx/ui/client/lib/theme/_variables.less
@@ -30,7 +30,9 @@
 @at-gray-b7: #b7b7b7;
 @at-gray-a9: #a9a9a9;
 @at-gray-848992: #848992;
+@at-gray-76: #767676;
 @at-gray-70: #707070;
+@at-gray-48: #484848;
 @at-gray-161b1f: #161b1f;
 
 @at-white: #ffffff;
@@ -170,9 +172,9 @@
 @at-color-top-nav-item-icon: @at-gray-848992;
 @at-color-top-nav-item-icon-socket-outline: @at-white;
 @at-color-top-nav-item-background-hover: @at-gray-fa;
-@at-color-side-nav-background: @at-gray-848992;
+@at-color-side-nav-background: @at-gray-48;
 @at-color-side-nav-content: @at-white;
-@at-color-side-nav-item-background-hover: @at-gray-b7;
+@at-color-side-nav-item-background-hover: @at-gray-76;
 @at-color-side-nav-item-border-hover: @at-white;
 @at-color-side-nav-item-icon: @at-white;
 @at-color-side-nav-item-spacer: @at-gray-d7;