Make the logo icon more awesome

app/assets/stylesheets/sections/header.scss

@@ -35,9 +35,14 @@ header {
   .app_logo {
     float: left;
     margin-right: 15px;
+    position: relative;
+    top: -5px;
+    padding-top: 5px;
+
     a {
       float: left;
       padding: 0px;
+      margin: 0 10px;
 
       h1 {
         background: url('logo_dark.png') no-repeat 0px 2px;
@@ -48,6 +53,9 @@ header {
         text-indent: -9999px;
       }
     }
+    &:hover {
+      background-color: #EEE;
+    }
   }
 
   /**
@@ -243,5 +251,23 @@ header {
       text-shadow: 0 1px 1px #111;
     }
   }
+
+  .app_logo {
+    .separator {
+      margin-left: 0;
+      margin-right: 0;
+    }
+  }
+
+  .separator {
+    float: left;
+    height: 60px;
+    width: 1px;
+    background: white;
+    border-left: 1px solid #DDD;
+    margin-top: -10px;
+    margin-left: 10px;
+    margin-right: 10px;
+  }
 }
 

app/assets/stylesheets/themes/ui_basic.scss

@@ -4,21 +4,8 @@
  *
  */
 .ui_basic {
-  .app_logo {
-    .separator {
-      margin-left: 0;
-      margin-right: 0;
-    }
-  }
-
   .separator {
-    float: left;
-    height: 60px;
-    width: 1px;
     background: white;
     border-left: 1px solid #DDD;
-    margin-top: -10px;
-    margin-left: 10px;
-    margin-right: 10px;
   }
 }

app/assets/stylesheets/themes/ui_color.scss

@@ -17,6 +17,15 @@
     &.navbar-gitlab {
       .navbar-inner {
         background: #657;
+        .app_logo {
+          &:hover {
+            background-color: #6A5A7A;
+          }
+        }
+        .separator {
+          background: #546;
+          border-left: 1px solid #706080;
+        }
       }
     }
   }

app/assets/stylesheets/themes/ui_gray.scss

@@ -17,6 +17,15 @@
     &.navbar-gitlab {
       .navbar-inner {
         background: #708090;
+        .app_logo {
+          &:hover {
+            background-color: #6A7A8A;
+          }
+        }
+        .separator {
+          background: #607080;
+          border-left: 1px solid #8090A0;
+        }
       }
     }
   }

app/assets/stylesheets/themes/ui_mars.scss

@@ -46,21 +46,26 @@
     .app_logo {
       a {
         h1 {
-          background: url('logo_white.png') no-repeat 0px 2px;
+          background: url('logo_white.png') no-repeat center center;
           color: #eee;
           text-shadow: 0 1px 1px #111;
         }
       }
-      .separator {
-        display: none;
+      &:hover {
+        background-color: #41464e;
       }
-
     }
     .project_name {
       color: #eee;
       text-shadow: 0 1px 1px #111;
     }
   }
+
+  .separator {
+    background: #31363E;
+    border-left: 1px solid #666;
+  }
+
   /*
    *  End of Application Header
    *

app/assets/stylesheets/themes/ui_modern.scss

@@ -17,6 +17,15 @@
     &.navbar-gitlab {
       .navbar-inner {
         background: #567;
+        .app_logo {
+          &:hover {
+            background-color: #516171;
+          }
+        }
+        .separator {
+          background: #456;
+          border-left: 1px solid #678;
+        }
       }
     }
   }

app/views/layouts/_head_panel.html.haml

@@ -2,9 +2,10 @@
   .navbar-inner
     .container
       %div.app_logo
+        %span.separator
         = link_to root_path, class: "home has_bottom_tooltip", title: "Dashboard" do
           %h1 GITLAB
-      %span.separator
+        %span.separator
       %h1.project_name= title
       %ul.nav
         - if current_user.is_admin?