more styles cleanup

assets/stylesheets/_mixins/colors.sass

@@ -1,14 +1,17 @@
+$brighten-1: rgba(255, 255, 255, 0.05)
+
 $black: #000
 $white: #fff
 
-$green: green
+$green: #108100
 $green-light-1: #dcffdc
 $green-light-3: #fafffa
 $red: #c00
+$red-medium-1: #c7371a
 $red-light-1: #ffdcdc
 $red-light-3: #fffafa
 $yellow-light-1: #ffffe1
-$yellow-light-3: #fffffa
+$yellow-light-2: #fffcf4
 
 $gray-dark-1: #333
 $gray-dark-2: #444
@@ -20,10 +23,13 @@ $gray-light-1: #ddd
 $gray-light-2: #efefef
 $gray-light-3: #f6f6f6
 
-$slate-blue-1: #e5e8ee
-$slate-blue-2: #f2f4f9
-$slate-blue-3: #fafbfc
-$slate-gray-1: #e1e2e6
+$slate-blue-1: #e1e2e6
+$slate-blue-2: #e5e8ee
+$slate-blue-3: #f2f4f9
+$slate-blue-4: #fafbfc
+$slate-yellow-1: #7f7f75
+$slate-yellow-2: #bab9a7
+
 
 $color-text: $gray-dark-3
 $color-text-light: $gray-medium-1
@@ -33,12 +39,12 @@ $color-text-status-passed: $green
 $color-text-status-failed: $red
 
 $color-link: $gray-dark-3
-$color-link-highlight: #c7371a
+$color-link-highlight: $red-medium-1
 $color-link-sponsor: #575c7c
 $color-link-top: $gray-medium-3
 $color-link-top-highlight: $white
 
-$color-bg-dark: $slate-blue-1
+$color-bg-dark: $slate-blue-2
 $color-bg-light: $gray-light-1
 $color-bg-input: $white
 $color-bg-link-top: $black
@@ -50,17 +56,17 @@ $color-bg-tab-hover: $white
 $color-bg-tab-active: $white
 $color-bg-log: $gray-dark-1
 $color-bg-log-fold: $gray-dark-2
-$color-bg-log-highlight: rgba(255, 255, 255, 0.05)
-$color-bg-slider: $slate-blue-2
+$color-bg-log-highlight: $brighten-1
+$color-bg-slider: $slate-blue-3
 $color-bg-list-odd: $white
 $color-bg-list-even: $gray-light-3
-$color-bg-hooks-odd: $slate-blue-3
+$color-bg-hooks-odd: $slate-blue-4
 $color-bg-hooks-even: $white
-$color-bg-tools-pane: $slate-blue-2
-$color-bg-sidebar: $slate-blue-2
+$color-bg-tools-pane: $slate-blue-3
+$color-bg-sidebar: $slate-blue-3
 $color-bg-sidebar-box: $white
 
-$color-bg-job: $yellow-light-3
+$color-bg-job: $yellow-light-2
 $color-bg-job-highlight: $yellow-light-1
 $color-bg-job-passed: $green-light-3
 $color-bg-job-passed-highlight: $green-light-1
@@ -72,10 +78,71 @@ $color-border-light: $gray-light-1
 $color-border-log: $gray-light-1
 $color-border-slider-normal: $slate-blue-2
 $color-border-slider-light: $gray-medium-1
-$color-border-slider-hover: $slate-gray-1
+$color-border-slider-hover: $slate-blue-1
+
+$color-bg-list-info: $yellow-light-2
+$color-text-list-info: $slate-yellow-1
+$color-shadow-list-info: $slate-yellow-2
+
+
+#colors
+  .black
+    background-color: $black
+  .white
+    background-color: $white
+
+  .green
+    background-color: $green
+  .green-light-1
+    background-color: $green-light-1
+  .green-light-3
+    background-color: $green-light-3
+  .red
+    background-color: $red
+  .red-medium-1
+    background-color: $red-medium-1
+  .red-light-1
+    background-color: $red-light-1
+  .red-light-3
+    background-color: $red-light-3
+  .yellow-light-1
+    background-color: $yellow-light-1
+  .yellow-light-2
+    background-color: $yellow-light-2
+
+  .gray-dark-1
+    background-color: $gray-dark-1
+  .gray-dark-2
+    background-color: $gray-dark-2
+  .gray-dark-3
+    background-color: $gray-dark-3
+  .gray-medium-1
+    background-color: $gray-medium-1
+  .gray-medium-2
+    background-color: $gray-medium-2
+  .gray-medium-3
+    background-color: $gray-medium-3
+  .gray-light-1
+    background-color: $gray-light-1
+  .gray-light-2
+    background-color: $gray-light-2
+  .gray-light-3
+    background-color: $gray-light-3
+
+  .slate-blue-1
+    background-color: $slate-blue-1
+  .slate-blue-2
+    background-color: $slate-blue-2
+  .slate-blue-3
+    background-color: $slate-blue-3
+  .slate-blue-4
+    background-color: $slate-blue-4
+  .slate-yellow-1
+    background-color: $slate-yellow-1
+  .slate-yellow-2
+    background-color: $slate-yellow-2
+
+
 
-$color-bg-list-info: #fffcf4
-$color-text-list-info: #7f7f75
-$color-shadow-list-info: #bab9a7
 
 

assets/stylesheets/left/list.sass

@@ -22,11 +22,6 @@
       .indicator
         background-image: inline-image('ui/current-repository-indicator-even.png')
 
-    &.green a
-      color: $color-text-status-passed
-    &.red a
-      color: $color-text-status-failed
-
     .current
       display: inline-block
       max-width: 265px

assets/stylesheets/status.sass

@@ -13,6 +13,9 @@ table.list .green .number a
   color: $color-text-status-passed
   background-repeat: no-repeat
 
+#repositories li.green a
+  color: $color-text-status-passed
+
 #repositories li.red,
 .red #summary .number a,
 table.list .red .number a
@@ -20,6 +23,9 @@ table.list .red .number a
   color: $color-text-status-failed
   background-repeat: no-repeat
 
+#repositories li.red a
+  color: $color-text-status-failed
+
 #summary .number a,
 table.list .number a
   padding-left: 20px