diff --git a/assets/stylesheets/explorer.scss b/assets/stylesheets/explorer.scss
index 22192e1..e7cc2dc 100644
--- a/assets/stylesheets/explorer.scss
+++ b/assets/stylesheets/explorer.scss
@@ -24,7 +24,7 @@ table.group-reports {
 }
 
 .https-warning {
-  color: var(--danger, $danger);
+  color: var(--danger);
 }
 
 .query-editor {
@@ -33,7 +33,7 @@ table.group-reports {
   .panels-flex {
     display: flex;
     height: 400px;
-    border: 1px solid var(--primary-very-low, $primary-very-low);
+    border: 1px solid var(--primary-very-low);
   }
   &.no-schema {
     .editor-panel {
@@ -72,11 +72,11 @@ table.group-reports {
     flex-grow: 0;
     width: 345px;
     .schema {
-      border-left: 1px solid var(--primary-low, $primary-low);
+      border-left: 1px solid var(--primary-low);
       height: 100%;
       overflow-y: scroll;
       overflow-x: hidden;
-      color: var(--primary-high, $primary-high);
+      color: var(--primary-high);
       font-size: $font-down-2;
 
       input {
@@ -87,7 +87,7 @@ table.group-reports {
       }
       .schema-table-name {
         font-weight: bold;
-        border-bottom: 1px solid var(--primary-low, $primary-low);
+        border-bottom: 1px solid var(--primary-low);
         padding-left: 5px;
         .fa {
           width: 6px;
@@ -114,24 +114,24 @@ table.group-reports {
         width: 110px;
         margin-left: 5px;
         &.sensitive {
-          color: var(--danger, $danger);
+          color: var(--danger);
         }
       }
       dd {
         display: inline-block;
         vertical-align: text-top;
         width: 110px;
-        color: var(--tertiary, $tertiary);
+        color: var(--tertiary);
         margin: 0;
         padding-left: 7px;
-        border-left: 1px dotted var(--primary-low-mid, $primary-low-mid);
+        border-left: 1px dotted var(--primary-low-mid);
 
         .schema-typenotes {
-          color: var(--primary-medium, $primary-medium);
+          color: var(--primary-medium);
           font-style: italic;
         }
         .popup-info {
-          color: var(--primary-medium, $primary-medium);
+          color: var(--primary-medium);
 
           .popup {
             display: none;
@@ -148,7 +148,7 @@ table.group-reports {
             padding: 4px;
             position: relative;
             border: 1px solid;
-            background: var(--secondary, $secondary);
+            background: var(--secondary);
             padding-right: calc(5px + 0.5em);
           }
 
@@ -169,10 +169,10 @@ table.group-reports {
     clear: both;
     font-size: $font-down-2;
     -webkit-user-select: none;
-    color: var(--primary, $primary);
+    color: var(--primary);
     text-align: right;
-    background: var(--primary-very-low, $primary-very-low);
-    border: 1px solid var(--primary-very-low, $primary-very-low);
+    background: var(--primary-very-low);
+    border: 1px solid var(--primary-very-low);
     .d-icon {
       transform: rotate(90deg);
     }
@@ -187,7 +187,7 @@ table.group-reports {
     h1 {
       display: inline-block;
       margin: 0 0.5em 0 0;
-      color: var(--primary, $primary);
+      color: var(--primary);
       a {
         color: currentColor;
       }
@@ -215,7 +215,7 @@ table.group-reports {
     margin-bottom: 10px;
     .label {
       margin-right: 10px;
-      color: var(--primary-high, $primary-high);
+      color: var(--primary-high);
     }
     .name {
       display: inline;
@@ -241,15 +241,15 @@ table.group-reports {
 }
 
 .query-params {
-  border: 1px solid var(--header_primary-medium, $header_primary-medium);
+  border: 1px solid var(--header_primary-medium);
   .param > input {
     margin: 9px;
   }
   .invalid > input {
-    background-color: var(--danger-low, $danger-low);
+    background-color: var(--danger-low);
   }
   .invalid .ac-wrap {
-    background-color: var(--danger-low, $danger-low);
+    background-color: var(--danger-low);
   }
   .param {
     width: 300px;
@@ -335,7 +335,7 @@ table.group-reports {
     }
     .heading {
       position: relative;
-      color: var(--primary-medium, $primary-medium);
+      color: var(--primary-medium);
       padding: 50px 0px 0px 0px;
       th.sortable {
         font-weight: normal;
@@ -352,23 +352,23 @@ table.group-reports {
       width: 100%;
     }
     .query-name {
-      color: var(--primary, $primary);
+      color: var(--primary);
     }
     .query-desc {
       display: block;
-      color: var(--primary-high, $primary-high);
+      color: var(--primary-high);
     }
     .query-created-by {
-      color: var(--primary-high, $primary-high);
+      color: var(--primary-high);
     }
     .query-group-names {
-      color: var(--tertiary, $tertiary);
+      color: var(--tertiary);
       a {
         display: inline;
       }
     }
     .query-created-at {
-      color: var(--primary-medium, $primary-medium);
+      color: var(--primary-medium);
     }
   }
   .query-row:hover {
@@ -380,7 +380,7 @@ table.group-reports {
     display: inline-block;
   }
   .no-search-results {
-    color: var(--primary-medium, $primary-medium);
+    color: var(--primary-medium);
   }
 }
 
@@ -388,7 +388,7 @@ table.group-reports {
   float: left;
 }
 .result-about {
-  color: var(--primary-high, $primary-high);
+  color: var(--primary-high);
   float: right;
 }
 .result-explain {
@@ -408,13 +408,13 @@ table.group-reports {
   cursor: pointer;
 
   label {
-    color: var(--primary-high, $primary-high);
+    color: var(--primary-high);
   }
   input {
     margin-right: 4px;
   }
   .popup {
-    background-color: var(--secondary, $secondary);
+    background-color: var(--secondary);
     position: absolute;
     box-shadow: shadow("card");
     padding: 12px;