Revert "Improve consistency of the coloring of a few elements with the site theme" (#853)

* Revert "Improve consistency of the coloring of a few elements with the site theme. (#851)"

This reverts commit 73dee9e611.

_layouts/docs.html

@@ -4,7 +4,7 @@ layout: default
 <div class="container-fluid">
     <div class="row row-offcanvas row-offcanvas-left">
         <div class="col-6 col-md-3 col-xl-2 sidebar-offcanvas">
-            {% include sidebar.html docs=site.blog %}
+            {% include sidebar.html docs=site.docs %}
         </div>
 
         {% if page.toc != false %}

_sass/base/_common.scss

@@ -55,9 +55,7 @@ table {
 }
 
 th {
-    color: $white;
-    background-color: $secondBrandColor;
-    font-weight: normal;
+    background-color: $thirdBrandColor;
 }
 
 pre.code-toolbar {
@@ -73,22 +71,16 @@ pre.code-toolbar {
     }
 
     >.toolbar a {
-        background-color: $secondBrandColor;
-        color: $white;
-    }
-
-    >.toolbar a:hover {
         background-color: $mainBrandColor;
         color: $white;
     }
 
-    >.toolbar a:active {
-        background-color: $popBrandColor;
+    >.toolbar a:hover {
+        background-color: $secondBrandColor;
         color: $white;
     }
 
     >code {
-        border-left-color: $secondBrandColor;
         border-left-width: 4px;
     }
 }

_sass/base/_constants.scss

@@ -25,6 +25,8 @@ $bp-xl-v: 1024px;
 // Brand Colors
 $mainBrandColor: #466BB0;
 $secondBrandColor: #286AC7;
+$thirdBrandColor: #98B2E0;
+$inverseBrandColor: #FFFFFF;
 $popBrandColor: #b05464; // split complementary to main brand color
 
 // Typography

_sass/modules/_buttons.scss

@@ -1,16 +1,25 @@
 .btn {
+    &:focus {
+        outline: 0 !important;
+    }
+
     &.btn-istio {
         background-color: $secondBrandColor;
         color: $white;
         font-weight: 400;
         letter-spacing: 1px;
-        cursor: pointer;
 
-        &:hover {
-            background-color: $mainBrandColor;
+        a {
+            color: $white;
         }
 
-        &:active {
+        &.inverse {
+            background-color: transparent;
+            border: 2px solid $mainBrandColor;
+            color: $mainBrandColor;
+        }
+
+        &.btn-istio:hover {
             background-color: $popBrandColor;
         }
     }

_sass/modules/_header.scss

@@ -39,7 +39,7 @@ header {
             color: $white;
 
             &::hover {
-                color: $popBrandColor;
+                color: red;
             }
         }