Fix tab-active styles

Author: jcenturion

dist/examples/github.raml

@@ -138,6 +138,27 @@ traits:
             Only issues updated at or after this time are returned.
           type: string
 # Search
+/test:
+  /1:
+    get:
+  /2:
+    post:
+  /3:
+    put:
+  /4:
+    delete:
+  /5:
+    patch:
+  /6:
+    options:
+  /8:
+    trace:
+  /9:
+    connect:
+  /10:
+    head:
+
+
 /search:
   /repositories:
     type: collection

dist/styles/api-console-dark-theme.css

@@ -1699,7 +1699,39 @@ th {
   color: #fff;
 }
 
-.raml-console-tab.raml-console-is-active .raml-console-tab-box {
+.raml-console-tab.raml-console-is-active .raml-console-tab-get::before {
+  background: #18191d;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-post::before {
+  background: #18191d;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-put::before {
+  background: #18191d;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-patch::before {
+  background: #18191d;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-delete::before {
+  background: #18191d;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-trace::before {
+  background: #18191d;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-options::before {
+  background: #18191d;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-head::before {
+  background: #18191d;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-connect::before {
   background: #18191d;
 }
 

dist/styles/api-console-light-theme.css

@@ -1699,7 +1699,39 @@ th {
   color: #333;
 }
 
-.raml-console-tab.raml-console-is-active .raml-console-tab-box {
+.raml-console-tab.raml-console-is-active .raml-console-tab-get::before {
+  background: #fff;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-post::before {
+  background: #fff;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-put::before {
+  background: #fff;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-patch::before {
+  background: #fff;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-delete::before {
+  background: #fff;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-trace::before {
+  background: #fff;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-options::before {
+  background: #fff;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-head::before {
+  background: #fff;
+}
+
+.raml-console-tab.raml-console-is-active .raml-console-tab-connect::before {
   background: #fff;
 }
 

src/scss/_tab.scss

@@ -278,6 +278,38 @@
   color: $color-console-tab-active;
 }
 
-.tab.is-active .tab-box {
+.tab.is-active .tab-get::before {
+  background: $color-console-tab-active-bg;
+}
+
+.tab.is-active .tab-post::before {
+  background: $color-console-tab-active-bg;
+}
+
+.tab.is-active .tab-put::before {
+  background: $color-console-tab-active-bg;
+}
+
+.tab.is-active .tab-patch::before {
+  background: $color-console-tab-active-bg;
+}
+
+.tab.is-active .tab-delete::before {
+  background: $color-console-tab-active-bg;
+}
+
+.tab.is-active .tab-trace::before {
+  background: $color-console-tab-active-bg;
+}
+
+.tab.is-active .tab-options::before {
+  background: $color-console-tab-active-bg;
+}
+
+.tab.is-active .tab-head::before {
+  background: $color-console-tab-active-bg;
+}
+
+.tab.is-active .tab-connect::before {
   background: $color-console-tab-active-bg;
 }