_navigation.sass in para-0.7.1

- old
+ new

@@ -16,13 +16,12 @@
   background-color: #fff
   border: none
   +material-box-shadow-soft(3)
 
   .navmenu-brand
-    // +background(linear-gradient(to top right, $brand-primary, $brand-info))
     background-color: $blue-darker
-    color: white
+    color: #fff
     display: block
     font-size: 1.4em
     font-weight: 300
     line-height: 20px
     margin: 0
@@ -33,11 +32,10 @@
     &:focus
       background-color: $blue-darker
       color: white
 
   .navmenu-nav
-    // background-color: $navbar-default-bg
     background-color: $gray-lighter
     height: calc(100% - 60px)
     width: $left-menu-width-open
     padding: 0
     margin: 0
@@ -49,12 +47,10 @@
     //** overriding jasny
     > li > a
       color: $gray
       &:hover,
       &:focus
-        // background-color: $navbar-default-bg
-        // color: white
         background-color: $gray
         color: $gray-lighter
 
     //** Para components
     .component-section-list-items
@@ -62,12 +58,10 @@
       list-style: none
       margin: 0
       padding: 0
 
     .component-section-title
-      // background-color: $navbar-default-bg
-      // color: white
       background-color: $gray-lighter
       color: $text-color
       font-weight: bold
       line-height: 19px
       padding: 30px 30px 15px 15px
@@ -84,33 +78,30 @@
         .fa
           +rotate(180deg)
 
     .component-item
       a, button
-        // background-color: $text-color
-        // color: $gray-light
-        color: $text-color
+        background-color: transparent
         display: block
         font-weight: 400
         line-height: 19px
+        color: $text-color
+        font-weight: 400
         padding: 11px 13px 11px 15px
         text-decoration: none
 
         +default-transition
         &:hover,
         &:focus
-          // background-color: $navbar-default-bg
-          background-color: $gray-lighter
           padding-left: 25px
+          background-color: $gray-lighter
 
       &.active
         a, button
-          // background-color: lighten($navbar-default-bg, 10%)
-          background-color: $gray-light
-          border-color: $brand-primary
           border-left: 2px solid $brand-primary
-          // color: white
+          background-color: $gray-light
+          color: $text-color
           padding-left: 25px
 
 //== Top navbar
 //
 //##
@@ -146,5 +137,37 @@
 
 //** Btn menu toggle
 .navbar-toggle
   float: left
   display: block
+
+//** Dark theme override
+//***********************
+.dark-theme.navmenu-default
+  .navmenu-brand
+    +background(linear-gradient(to top right, $brand-primary, $brand-info))
+  .navmenu-nav
+    background-color: $navbar-default-bg
+    > li > a
+      &:hover,
+      &:focus
+        background-color: $navbar-default-bg
+        color: white
+  .component-section-title
+    background-color: $navbar-default-bg
+    color: white
+    &:hover,
+    &:focus
+      background-color: transparent
+      color: white
+  .component-item
+    a, button
+      background-color: $text-color
+      color: $gray-lighter
+      &:hover,
+      &:focus
+        background-color: $navbar-default-bg
+    &.active
+      a, button  
+        background-color: lighten($navbar-default-bg, 10%)
+        border-color: $brand-primary
+        color: white
\ No newline at end of file