diff --git a/site/assets/scss/_variables_project.scss b/site/assets/scss/_variables_project.scss
index 1c75b2eecc..01a924faa8 100644
--- a/site/assets/scss/_variables_project.scss
+++ b/site/assets/scss/_variables_project.scss
@@ -36,7 +36,7 @@ $medium: $mk-medium;
 // Navigation bar
 $navbar-dark-color: $mk-dark;
 $navbar-dark-hover-color: $mk-light !default;
-$navbar-dark-active-color: $mk-light !default;
+$navbar-dark-active-color: $primary !default;
 $navbar-dark-disabled-color: rgba($white, 0.25) !default;
 .td-navbar {
     background: $white !important;
@@ -151,7 +151,15 @@ section.td-box--height-auto {
 }
 
 
-// Allow code tags to span most of a window length (default is 80%)
-div.td-content pre {
-    max-width: 99% !important;
-}
\ No newline at end of file
+div.td-content {
+    // Allow code tags to span most of a window length (default is 80%)
+    pre {
+        max-width: 99% !important;
+    }
+    h2 {
+        font-size: 1.4rem !important;
+    }
+    h3 {
+        font-size: 1.3rem !important;
+    }
+}
diff --git a/site/static/css/tabs.css b/site/static/css/tabs.css
index 9bbc3ea8b0..09525f610d 100644
--- a/site/static/css/tabs.css
+++ b/site/static/css/tabs.css
@@ -15,22 +15,22 @@ div.code-tabs li.nav-tab {
     color: #666;
     font-size: 14px;
 
-    border-top: 1px solid #CBCBCB;
-    border-left: 1px solid #CBCBCB;
-    border-right: 1px solid #CBCBCB;
+    border-top: 1px solid #C7EAEC;
+    border-left: 1px solid #C7EAEC;
+    border-right: 1px solid #C7EAEC;
     margin-right: 0.5em;
 
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
-    background-color: #E5E5E5;
+    background-color: #c7eaec;
 }
 
 div.code-tabs li.active {
-    color:#000;
-    border-top: 1px solid #A9A9A9;
-    border-left: 1px solid #A9A9A9;
-    border-right: 1px solid #A9A9A9;    
-    background: #f5f5f5;
+    color: #f2771a;
+    border-top: 1px solid #C7EAEC;
+    border-left: 1px solid #C7EAEC;
+    border-right: 1px solid #C7EAEC;
+    background: rgb(244, 255, 255);
     font-weight: bold;
 }
 
@@ -47,10 +47,18 @@ div.tab-pane {
 div.tab-pane.active {
     display: block;
     padding: 2em;
-    background: #f5f5f5;
-    border: 1px solid #CBCBCB;
+    background: rgb(244, 255, 255);
+    border: 1px solid #C7EAEC;
 }
 
 div.code-tabs code {
     word-break: keep-all;
-}
\ No newline at end of file
+}
+
+div.code-tabs h2 {
+    font-size: 1.2rem !important;
+    margin-top: 1rem;
+}
+div.code-tabs h3 {
+    font-size: 1.1rem !important;
+}