diff --git a/_includes/body-landing.html b/_includes/body-landing.html
index 4bdb37d648..a7f22ce1b4 100644
--- a/_includes/body-landing.html
+++ b/_includes/body-landing.html
@@ -1,4 +1,4 @@
-<body ng-app="Docker" ng-controller="DockerController" id="landing">
+<body ng-app="Docker" ng-controller="DockerController" id="landing" class="landing">
   <nav class="navbar header">
     <div class="container">
       <div class="navbar-header">
diff --git a/_scss/_base.scss b/_scss/_base.scss
index 21fe08d1e3..33fa120cc1 100755
--- a/_scss/_base.scss
+++ b/_scss/_base.scss
@@ -1,15 +1,9 @@
-/*
-*
-* globals
-*
-*/
-
 html {
     font-family: sans-serif;
-    -ms-text-size-adjust: 100%;
     -webkit-text-size-adjust: 100%;
+        -ms-text-size-adjust: 100%;
     -moz-osx-font-smoothing: grayscale;
-    -webkit-font-smoothing: antialiased;
+     -webkit-font-smoothing: antialiased;
 }
 
 body {
@@ -30,4 +24,4 @@ a {
         opacity: .8;
         text-decoration: none;
     }
-}
\ No newline at end of file
+}
diff --git a/_scss/_landing.scss b/_scss/_landing.scss
index 62f2c7610c..c660f2f453 100644
--- a/_scss/_landing.scss
+++ b/_scss/_landing.scss
@@ -1,16 +1,7 @@
-$light-blue: #2496ed;
 $dark-blue: #002c66;
-$bg-header-night: #101c29;
-$bg-body-night: #061F2F;
 $bg-card-night: #0F161E;
 
-body#landing {
-  background-color: $bg-sidebar;
-  color: $body-text;
-  font-size: $body-text-size;
-  margin: $clear;
-  padding: $clear;
-  overflow-x: hidden;
+body.landing {
 
   h2, h5, h6 {
     font-family: 'Geomanist Regular', sans-serif;
@@ -22,11 +13,6 @@ body#landing {
   }
 
   .header {
-    background-color: $light-blue;
-    border: unset;
-    border-radius: unset;
-    height: unset;
-
     @include md-width {
       .navbar-collapse.collapse {
         display: flex !important;
@@ -390,14 +376,11 @@ body#landing {
   }
 }
 
-body#landing.night {
-  background-color: $bg-body-night;
-  color: $body-text-night;
-
-  .header {
-    background-color: $bg-body-night;
-  }
+body.landing:not(.night) {
+  background-color: $bg-sidebar;
+}
 
+body.landing.night {
   .card {
     background-color: $bg-card-night;
   }
diff --git a/_scss/_layout.scss b/_scss/_layout.scss
index 7d1767c174..321425add1 100755
--- a/_scss/_layout.scss
+++ b/_scss/_layout.scss
@@ -1,9 +1,3 @@
-/*
-*
-* layout
-*
-*/
-
 /*
 *
 * branding *********************************************************************
@@ -41,10 +35,13 @@
 */
 
 .header {
-    background-color: $bg-secondary;
+    background-color: $bg-header;
     position: relative;
     z-index: 1;
     transition: all 0.1s ease;
+    border: unset;
+    border-radius: unset;
+    height: unset;
 }
 
 .columns,
diff --git a/_scss/_night-mode.scss b/_scss/_night-mode.scss
index 1a6618b390..f91b6011ea 100755
--- a/_scss/_night-mode.scss
+++ b/_scss/_night-mode.scss
@@ -30,7 +30,7 @@ body.night {
         color: #c7c9ca !important;
     }
     .header {
-        background-color: #101c29!important;
+        background-color: $bg-header-night;
     }
     hr {
         border-top: 1px solid #4f6071;
@@ -283,7 +283,7 @@ body.night {
     }
     /** apply to images with garbled text **/
     img.white-bg {
-	  background-color: white;
+        background-color: white;
     }
 }
 
@@ -296,10 +296,10 @@ body.night {
 
 body.night {
     /* accordion */
-.panel {
-    color: $body-text-night;
-    margin-bottom: 20px;
-    background-color: #24394c;
+    .panel {
+        color: $body-text-night;
+        margin-bottom: 20px;
+        background-color: #24394c;
     }
     .panel-default {
         border-color: #374656;
diff --git a/_scss/_variables.scss b/_scss/_variables.scss
index 06ac625131..21b795d510 100755
--- a/_scss/_variables.scss
+++ b/_scss/_variables.scss
@@ -1,84 +1,51 @@
 
 /*
-*
-* global +++++++++++++++++++++++++++++++++++++++++++++++++++++++
-*
+* global
 */
-
 $headings: "Geomanist Book", sans-serif;
-
 $font: "Open Sans", sans-serif;
-
 $body-text-size: 14px;
-
 $global-header-height: 440px;
-
 $bg-secondary-tabs: rgba(0, 0, 0, 0.05);
-
 $white: #fff;
-
 $black: #000;
-
 $clear: 0;
 
-
 /*
-*
 * standard mode
-*
 */
+$body-text:     #33444c;
+$primary-links: #0090c8;
 
-$bg-body: #fff;
-
-$heading-color: #254356;
-
-$body-text: #33444C;
-
-$bg-footer: #fff;
-
-$bg-secondary: #077CBC;
-
-$bg-sidebar: #FBFBFC;
-
-$bg-component: #FBFBFC;
+$bg-body:      #ffffff;
+$bg-header:    #2496ed;
+$bg-secondary: #2496ed;
+$bg-sidebar:   #fbfbfc;
+$bg-footer:    #ffffff;
 
+$bg-component: #fbfbfc;
 $bdr-sidebar: rgba(204, 204, 204, 0.29);
 
-$primary-links: #0090C8;
-
-$slider-bg: #c3e4f7;
-
+$slider-bg:  #c3e4f7;
 $slider-btn: #4fa1d0;
 
 $code-blocks: rgba(12, 81, 118, 0.1);
 
-$table-head: #CFD2D4;
+$table-head: #cfd2d4;
 
 
 /*
-*
 * night mode
-*
 */
+$body-text-night:     #d3d4d4;
+$primary-links-night: #9cd7f7;
 
-$bg-body-night: #061F2F;
-
-$body-text-night: #d3d4d4;
-
-$bg-secondary-night: #27343B;
-
-$bg-sidebar-night: #101e26;
+$bg-body-night:      #061F2F;
+$bg-header-night:    #101c29;
+$bg-secondary-night: #101c29;
+$bg-sidebar-night:   #101e26;
+$bg-footer-night:    #000000;
 
 $active-sidebar-night: #077CBC;
 
-$bg-component-night: #101c29;
-
-$heading-color-night: #b9c2cc;
-
-$body-text-night: #cbdbe6;
-
-$primary-links-night: #9CD7F7;
-
-$bg-footer-night: #000;
-
 $bg-search-results-night: rgba(10, 10, 10, 0.95);
