diff --git a/dashboard/src/app/colors/che-colors.styl b/dashboard/src/app/colors/che-colors.styl
index 56876b7e71a..a8b2a62dd7b 100644
--- a/dashboard/src/app/colors/che-colors.styl
+++ b/dashboard/src/app/colors/che-colors.styl
@@ -51,6 +51,10 @@ $invalid-color = alpha($che-orange-color, 0.2)
 
 $table-header-color = $light-gray-color;
 
+$che-loader-active-title-color = $che-navy-color
+$che-loader-background-color = darken($che-medium-blue-color, 75%)
+$che-loader-logs-background-color = darken($stroke-color,65%)
+
 
 // box shadows
 box-shadow-simple()
diff --git a/dashboard/src/app/ide/ide-loader/ide-loader.styl b/dashboard/src/app/ide/ide-loader/ide-loader.styl
index 875ee87a385..99bc0d7be13 100644
--- a/dashboard/src/app/ide/ide-loader/ide-loader.styl
+++ b/dashboard/src/app/ide/ide-loader/ide-loader.styl
@@ -11,7 +11,7 @@
   .ide-loader
     height 100%
     width 100%
-    background-color #1c253f
+    background-color $che-loader-background-color
 
 ide-loader#ide-loader.ng-hide-add
   opacity 1
diff --git a/dashboard/src/app/index.styl b/dashboard/src/app/index.styl
index 49d2d364d98..8b28fa5a4d9 100644
--- a/dashboard/src/app/index.styl
+++ b/dashboard/src/app/index.styl
@@ -23,6 +23,8 @@ che-developers-face()
 @import '../components/codemirror/codemirror'
 @import 'projects/projects-config'
 
+$che-logs-output-font = "Droid Sans Mono", monospace
+
 .browsehappy
   margin 0.2em 0
   background #ccc
diff --git a/dashboard/src/components/widget/accordion/che-accordion.styl b/dashboard/src/components/widget/accordion/che-accordion.styl
index 6d9fb7957c3..5f7247b1a45 100644
--- a/dashboard/src/components/widget/accordion/che-accordion.styl
+++ b/dashboard/src/components/widget/accordion/che-accordion.styl
@@ -1,7 +1,3 @@
-$pane-title-color = #a5a5a5
-$active-pane-title-color = #393939
-$error-pane-title-color = brown
-
 .che-accordion
   .che-accordion-body, .che-accordion-title
     display block
@@ -9,7 +5,7 @@ $error-pane-title-color = brown
 
   .che-accordion-title
     margin-top 10px
-    color $pane-title-color
+    color $clear-foggy-sky-color
 
     cursor pointer
 
@@ -23,10 +19,10 @@ $error-pane-title-color = brown
 
 .che-accordion.che-accordion-active
   .che-accordion-title
-    color $active-pane-title-color
+    color $che-loader-active-title-color
 .che-accordion.che-accordion-error
   .che-accordion-title
-    color $error-pane-title-color !important
+    color $error-color !important
 
 .che-accordion.che-accordion-closed
   .che-accordion-title
diff --git a/dashboard/src/components/widget/loader/che-loader-bottom-bar.styl b/dashboard/src/components/widget/loader/che-loader-bottom-bar.styl
index 39725dcedc3..3dbe9575ef0 100644
--- a/dashboard/src/components/widget/loader/che-loader-bottom-bar.styl
+++ b/dashboard/src/components/widget/loader/che-loader-bottom-bar.styl
@@ -1,8 +1,6 @@
-$che-loader-bottom-bar-link-color = #a5a5a5
-
 .che-loader .che-loader-bottom-bar
   border-top 10px solid #31487b
-  background-color #1c253f
+  background-color $che-loader-background-color
   position relative
   bottom 0
   left 0
@@ -12,5 +10,5 @@ $che-loader-bottom-bar-link-color = #a5a5a5
   z-index 1
 
   .che-link
-    color $che-loader-bottom-bar-link-color
+    color $clear-foggy-sky-color
     text-decoration none
diff --git a/dashboard/src/components/widget/loader/che-loader.styl b/dashboard/src/components/widget/loader/che-loader.styl
index a16f7f34916..064aeb2055b 100644
--- a/dashboard/src/components/widget/loader/che-loader.styl
+++ b/dashboard/src/components/widget/loader/che-loader.styl
@@ -1,12 +1,10 @@
-$loader-background-color = #1c253f
-
 .che-loader
   position relative
   height inherit
   min-height 640px
   width inherit
   overflow hidden
-  background-color $loader-background-color
+  background-color $che-loader-background-color
 
   .main-page
     margin 0 auto
diff --git a/dashboard/src/components/widget/logs-output/che-logs-output.styl b/dashboard/src/components/widget/logs-output/che-logs-output.styl
index 5d692ac7651..1cbc3da732a 100644
--- a/dashboard/src/components/widget/logs-output/che-logs-output.styl
+++ b/dashboard/src/components/widget/logs-output/che-logs-output.styl
@@ -11,11 +11,6 @@ $logs-output-text-offset-left = 3px
 $output-height = $logs-output-height - $logs-output-title-height
 $output-padding = 3px
 
-$logs-output-front-side-color = #ececec
-$logs-output-side-color = #d8d8d8
-$logs-output-background-color = #373737
-$logs-output-font = "Droid Sans Mono", monospace
-
 .che-logs-output > div > div
     float left
 .che-logs-output > div:last-child
@@ -32,20 +27,20 @@ $logs-output-font = "Droid Sans Mono", monospace
 
 
   .che-logs-output-top-border
-    background-color $logs-output-side-color
+    background-color $mouse-gray-color
     height $logs-output-border-thickness
     transform-origin bottom left
     transform skewX(-($logs-output-border-angle))
 
   .che-logs-output-right-border
-    background-color $logs-output-side-color
+    background-color $mouse-gray-color
     height $logs-output-height
     width $logs-output-border-thickness
     transform-origin top left
     transform skewY(-($logs-output-border-angle))
 
   .che-logs-output-front-side
-    background-color $logs-output-front-side-color
+    background-color $light-gray-color
     height $logs-output-height
 
     .che-logs-output-title
@@ -64,16 +59,16 @@ $logs-output-font = "Droid Sans Mono", monospace
         position absolute
         top 0
         left 0
-        background-color $logs-output-background-color
+        background-color $che-loader-logs-background-color
         width 100%
         min-height 100%
         padding 3px
         line-height 10px
 
         code
-          font-family $logs-output-font
+          font-family $che-logs-output-font
           font-size 0.7em
-          background-color $logs-output-background-color
+          background-color transparent
           color white
           margin 0
           margin-bottom -3px