diff --git a/src/ui/public/chrome/directives/app_switcher/app_switcher.less b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
index 2d4753b1320b0..911c878a64f98 100644
--- a/src/ui/public/chrome/directives/app_switcher/app_switcher.less
+++ b/src/ui/public/chrome/directives/app_switcher/app_switcher.less
@@ -77,11 +77,7 @@ body { overflow-x: hidden; }
     > a {
       display: block;
       height: 100%;
-      color: @white;
-    }
-
-    &:hover {
-      background-color: @app-links-active-background;
+      color: #ebf7fa;
     }
 
     .app-icon {
@@ -127,38 +123,14 @@ body { overflow-x: hidden; }
       line-height: @app-icon-height;
     }
 
+    &:hover,
     &.active {
       background-color: @app-links-active-background;
       > a {
-        color: #333;
+        color: @white;
         text-decoration: none;
       }
-      img {
-        filter: none;
-      }
-    }
-
-    &:nth-child(1) {
-      background-color: @firstLinkColor;
-      &:hover {
-        background-color: lighten(@firstLinkColor, 5%);
-      }
     }
-
-    &:nth-child(2) {
-      background-color: @secondLinkColor;
-      &:hover {
-        background-color: lighten(@secondLinkColor, 5%);
-      }
-    }
-
-    &:nth-child(3) {
-      background-color: @thirdLinkColor;
-      &:hover {
-        background-color: lighten(@thirdLinkColor, 5%);
-      }
-    }
-
   }
 
 }
diff --git a/src/ui/public/styles/variables/for-theme.less b/src/ui/public/styles/variables/for-theme.less
index edfe6cc176b78..9995ba06cefb6 100644
--- a/src/ui/public/styles/variables/for-theme.less
+++ b/src/ui/public/styles/variables/for-theme.less
@@ -326,8 +326,4 @@
 @transition-time: .35s;
 @transition-delay: .25s;
 @app-links-wrapper-background: #3caed2;
-@app-links-active-background: lighten(@app-links-wrapper-background, 7.5%);
-
-@firstLinkColor: #E4BB51;
-@secondLinkColor: #8AC336;
-@thirdLinkColor: #59C6C5;
+@app-links-active-background: #2f99c1;