introduce darker grey

app/styles/app/_mixins/colors.sass

@@ -32,12 +32,6 @@ $gray-light-2: #efefef
 $gray-light-3: #f2f2eb
 $gray-light-4: #fdfdfd
 
-$cream-light: #FAFAF8
-$cream-dark: #EFF0EC
-$grey-light: #A1A0A0
-$grey-medium: #969496
-$grey-dark: #808080
-
 $green-light: #73c78d
 $green-dark: #3FA75F
 $red-light: #D7625F

app/styles/app/_mixins/mixins.sass

@@ -29,14 +29,6 @@
   padding: 0
   list-style: none
 
-@mixin border-bottom-radius($radius)
-  border-bottom-left-radius: $radius
-  border-bottom-right-radius: $radius
-
-@mixin border-top-radius($radius)
-  border-top-left-radius: $radius
-  border-top-right-radius: $radius
-
 %border-radius-4px
   border-radius: 4px
 

app/styles/app/_mixins/vars.sass

@@ -74,5 +74,13 @@ $grey2: #969496
 $grey3: #808080
 $grey4: #e6e8e8
 $grey: $grey1
+
+$cream-light: #FAFAF8
+$cream-dark: #EFF0EC
+$grey-lighter: #A6ADAD
+$grey-light: #8d8d8d
+$grey-medium: #8d8d8d
+$grey-dark: #808080
+
 $cream-light: #FAFAF8
 $cream-dark: lighten(mix(#F7F7F4, $grey), 10)

app/styles/app/layouts/buildheader.sass

@@ -1,7 +1,11 @@
 
 .repo
   font-size: $font-size-m
-  color: $grey
+  color: $grey-medium
+  a
+    color: $grey-medium
+    &:hover
+      color: $grey-medium
 
 .repo-header
   header
@@ -15,7 +19,7 @@
   font-weight: 400
   font-size: 35px
   a
-    color: $grey3
+    color: $grey-medium
     &:hover
       text-decoration: underline
 
@@ -56,7 +60,7 @@
     margin-top: 2em
   .build-title
     margin-top: 2.5rem
-    color: $grey1
+    color: $grey-medium
     font-size: $font-size-sm
     font-weight: 400
     & span:hover + .tooltip
@@ -65,15 +69,13 @@
 .repo-main-commit
   position: relative
   padding-bottom: 0.5em
+  font-weight: 400
   &,
   small
     margin: 0
-    font-weight: 400
     font-size: $font-size-m
-    color: $grey3
+    color: $grey-medium
     line-height: 1
-    a
-      color: $grey3
   small
     margin-right: .3em
     font-weight: 600
@@ -84,10 +86,6 @@
       @include fadeOut(right, -90deg, $cream-light)
 
 .repo-main-description
-  p:not(.body)
-    color: $grey3
-    a
-      color: $grey3
   p
     margin: 0
   @media #{$medium-up}
@@ -105,7 +103,7 @@
     overflow: hidden
     word-break: break-word
     white-space: pre-wrap
-    color: $grey2
+    color: $grey-medium
 
 .repo-main-info
   @include resetul
@@ -117,8 +115,6 @@
   overflow: hidden
   &:after
     @include fadeOut(right, -90deg, $cream-light)
-  a
-    color: $grey
     white-space: nowrap
     &:hover
       text-decoration: underline
@@ -134,9 +130,9 @@
     display: block
     margin-bottom: .5em
     text-align: center
-    background-color: $grey1
+    background-color: $grey-medium
     &:hover
-      background-color: darken($grey, 10)
+      background-color: darken($grey-medium, 10)
   .icon
     width: .9em
     height: 1.1em

app/styles/app/modules/dropdown.sass

@@ -93,7 +93,7 @@ $dropdown-border: #C3D9DB
 
 .dropdown-button
   height: 28px
-  background-color: $grey
+  background-color: $grey-lighter
   border: none
   color: $white
   line-height: 1
@@ -113,7 +113,7 @@ $dropdown-border: #C3D9DB
 
 .dropdown-menu
   @include resetul
-  @include border-bottom-radius(4px)
+  @extend %border-bottom-4px
   position: absolute
   top: 29px // height of the button +1
   width: 100%