Change colors on aside elements

src/stylesheets/theme/theme.layout.list.styl

@@ -55,11 +55,20 @@
     &, & a
       color: lighten(ASIDE, 50%)
 
+    & .icon
+      color: lighten(ASIDE, 70%)
+
+    & small
+      color: lighten(ASIDE, 25%)
+
     &.active, &:active
-      background-color: lighten(ASIDE, 5%)
-      & :not(.icon)
+      background-color: darken(ASIDE, 5%)
+    &:hover
+      background-color: darken(ASIDE, 10%)
+    &.active, &:active, &:hover
+      &, & a
         color: WHITE
       & .icon
         color: THEME
-    & small, .icon
-      color: lighten(ASIDE, 20%)
+      & small
+        color: lighten(ASIDE, 50%)

src/stylesheets/theme/theme.layout.styl

@@ -41,7 +41,5 @@ body > section
     box-shadow: 0 -1px 0 rgba(0,0,0,0.05)
 
 body > aside
-  COLOR = darken(ASIDE, 25%)
-  background-color: COLOR
+  background-color: darken(ASIDE, 25%)
   color: WHITE
-  box-shadow 0 0 0 6px COLOR

src/stylesheets/theme/theme.media.styl

@@ -12,3 +12,5 @@
     & > section
       & > header
         border-radius 0
+    & > aside
+      box-shadow 0 0 0 6px darken(ASIDE, 25%)