From 7d9384b9dd58d05a58f11f11caa246daa397fee4 Mon Sep 17 00:00:00 2001
From: a2batic <murarkakanika@gmail.com>
Date: Thu, 28 Sep 2017 17:47:59 +0530
Subject: [PATCH] Fix incorrect spellings Tendrl-bug-id: #636

---
 src/commons/scss/_base.scss                       |  2 +-
 src/commons/scss/_variables.scss                  |  1 +
 src/modules/base/navigation/navigation.scss       |  6 +++---
 src/modules/base/user-setting/user-setting.js     |  2 +-
 src/modules/clusters/cluster-list/cluster-list.js |  2 +-
 src/modules/login/login.scss                      | 10 +++++-----
 6 files changed, 12 insertions(+), 11 deletions(-)

diff --git a/src/commons/scss/_base.scss b/src/commons/scss/_base.scss
index 4db41ef8..4641c3e7 100644
--- a/src/commons/scss/_base.scss
+++ b/src/commons/scss/_base.scss
@@ -26,7 +26,7 @@
 .dropdown-menu > li > a.disabled {
     cursor: not-allowed;
     pointer-events: none;
-    color: grey;
+    color: $color-light-grey;
 }
 
 .modal {
diff --git a/src/commons/scss/_variables.scss b/src/commons/scss/_variables.scss
index 5379b131..55ac94c9 100755
--- a/src/commons/scss/_variables.scss
+++ b/src/commons/scss/_variables.scss
@@ -6,6 +6,7 @@ $color-night-rider: #333333;
 $color-gray: #808080;
 $color-light-grey: #D1D1D1;
 $color-silver: #BDBDBD;
+$color-nero-grey: #181818;
 
 /* Hue: Red */
 $color-red: #F00000;
diff --git a/src/modules/base/navigation/navigation.scss b/src/modules/base/navigation/navigation.scss
index cbeb2537..1a70a16e 100644
--- a/src/modules/base/navigation/navigation.scss
+++ b/src/modules/base/navigation/navigation.scss
@@ -4,7 +4,7 @@
 
 .nav-pf-vertical .list-group-item sub-menu a {
     background-color: transparent;
-    color: #d1d1d1;
+    color: $color-light-grey;
     cursor: pointer;
     display: block;
     font-size: 14px;
@@ -26,8 +26,8 @@
 
 .nav-pf-vertical .list-group-item.active sub-menu a,
 .nav-pf-vertical .list-group-item:hover sub-menu a {
-    background-color: #393f44;
-    color: #fff;
+    background-color: $color-blackopaque;
+    color: $color-white;
     font-weight: 600;
 }
 
diff --git a/src/modules/base/user-setting/user-setting.js b/src/modules/base/user-setting/user-setting.js
index 7d7aa250..747062d9 100644
--- a/src/modules/base/user-setting/user-setting.js
+++ b/src/modules/base/user-setting/user-setting.js
@@ -102,7 +102,7 @@
 
                                 });
                         }
-                        Notifications.message("success", "", " Profile updated Succesfully.");
+                        Notifications.message("success", "", " Profile updated Successfully.");
                     }).catch(function(e) {
                         var keys,
                             messages;
diff --git a/src/modules/clusters/cluster-list/cluster-list.js b/src/modules/clusters/cluster-list/cluster-list.js
index 148c3815..784a22c1 100644
--- a/src/modules/clusters/cluster-list/cluster-list.js
+++ b/src/modules/clusters/cluster-list/cluster-list.js
@@ -143,7 +143,7 @@
 
         /**
          * @name showKababMenu
-         * @desc hide/show kabab menu
+         * @desc hide/show kebab menu
          * @memberOf clusterController
          */
         function showKababMenu($event, cluster) {
diff --git a/src/modules/login/login.scss b/src/modules/login/login.scss
index b77bb5ec..aa51cd06 100644
--- a/src/modules/login/login.scss
+++ b/src/modules/login/login.scss
@@ -38,7 +38,7 @@
     .login-page {
         background-image: url(../../images/bg-login.jpg);;
         background-size: auto;
-        color: #fff;
+        color: $color-white;
     }
     @media (min-width: 768px) {
         .login-page {
@@ -46,7 +46,7 @@
         }
     }
     .login-page .container {
-        background-color: #181818;
+        background-color: $color-nero-grey;
         background-color: rgba(255, 255, 255, 0.055);
         clear: right;
         padding-bottom: 40px;
@@ -90,7 +90,7 @@
         margin-bottom: 0;
     }
     .login-page .container {
-        color: #fff;
+        color: $color-white;
     }
     @media (min-width: 768px) {
         .login-page .container .login {
@@ -108,10 +108,10 @@
         left: 0;
     }
     .red-font {
-        color: red;
+        color: $color-red;
     }
     .text-heading {
-        color: white;
+        color: $color-white;
         font-size: large;
     }
     #brand{