Refactor themes for new UI

Signed-off-by: Dmitriy Zaporozhets <dmitriy.zaporozhets@gmail.com>

app/assets/stylesheets/pages/header.scss

@@ -26,6 +26,35 @@ header {
         }
       }
 
+      .app_logo {
+        @media (max-width: $screen-md-max) {
+          width: 52px;
+          h3 {
+            display: none;
+          }
+        }
+        border-bottom: 1px solid transparent;
+        margin-bottom: -1px;
+
+        a {
+          padding: 5px 8px;
+
+          img {
+            float: left;
+          }
+
+          h3 {
+            width: 158px;
+            float: left;
+            margin: 0;
+            margin-left: 20px;
+            font-size: 18px;
+            line-height: 34px;
+            font-weight: normal;
+          }
+        }
+      }
+
       .nav > li > a {
         color: #666;
         font-size: 14px;

app/assets/stylesheets/pages/profile.scss

@@ -37,7 +37,7 @@
       }
 
       &.default {
-        background: #f1f1f1;
+        background: #888888;
       }
 
       &.modern {

app/assets/stylesheets/themes/dark-theme.scss → app/assets/stylesheets/themes/gitlab-theme.scss

-@mixin dark-theme($color-light, $color, $color-darker, $color-dark) {
+@mixin gitlab-theme($color-light, $color, $color-darker, $color-dark) {
   header {
     &.navbar-gitlab {
       .navbar-inner {
@@ -19,35 +19,6 @@
             }
           }
         }
-
-        .app_logo {
-          @media (max-width: $screen-md-max) {
-            width: 52px;
-            h3 {
-              display: none;
-            }
-          }
-          border-bottom: 1px solid transparent;
-          margin-bottom: -1px;
-
-          a {
-            padding: 5px 8px;
-
-            img {
-              float: left;
-            }
-
-            h3 {
-              width: 158px;
-              float: left;
-              margin: 0;
-              margin-left: 20px;
-              font-size: 18px;
-              line-height: 34px;
-              font-weight: normal;
-            }
-          }
-        }
       }
     }
   }

app/assets/stylesheets/themes/ui_basic.scss

@@ -4,10 +4,5 @@
  *
  */
 .ui_basic {
-  header {
-    &.navbar-gitlab {
-      .navbar-inner {
-      }
-    }
-  }
+  @include gitlab-theme(#CCCCCC, #888888, #777777, #666666);
 }

app/assets/stylesheets/themes/ui_blue.scss

@@ -2,5 +2,5 @@
  * Blue GitLab UI theme
  */
 .ui_blue {
-  @include dark-theme(#BECDE9, #2980b9, #1970a9, #096099);
+  @include gitlab-theme(#BECDE9, #2980b9, #1970a9, #096099);
 }

app/assets/stylesheets/themes/ui_color.scss

@@ -2,5 +2,5 @@
  * Violet GitLab UI theme
  */
 .ui_color {
-  @include dark-theme(#98C, #548, #436, #325);
+  @include gitlab-theme(#98C, #548, #436, #325);
 }

app/assets/stylesheets/themes/ui_gray.scss

@@ -2,5 +2,5 @@
  * Gray GitLab UI theme
  */
 .ui_gray {
-  @include dark-theme(#979797, #373737, #272727, #222222);
+  @include gitlab-theme(#979797, #373737, #272727, #222222);
 }

app/assets/stylesheets/themes/ui_mars.scss

@@ -2,5 +2,5 @@
  * Classic GitLab UI theme
  */
 .ui_mars {
-  @include dark-theme(#979DA7, #474D57, #373D47, #24272D);
+  @include gitlab-theme(#979DA7, #474D57, #373D47, #24272D);
 }

app/assets/stylesheets/themes/ui_modern.scss

@@ -2,5 +2,5 @@
  * Modern GitLab UI theme
  */
 .ui_modern {
-  @include dark-theme(#ADC, #019875, #018865, #017855);
+  @include gitlab-theme(#ADC, #019875, #018865, #017855);
 }

app/views/profiles/design.html.haml

@@ -12,17 +12,17 @@
       = label_tag do
         .prev.default
         = f.radio_button :theme_id, 1
-        Default
+        Graphite
 
       = label_tag do
         .prev.classic
         = f.radio_button :theme_id, 2
-        Classic
+        Charcoal
 
       = label_tag do
         .prev.modern
         = f.radio_button :theme_id, 3
-        Modern
+        Green
 
       = label_tag do
         .prev.gray