#$secondary; → $secondary;

src/client/styles/scss/_comment.scss

@@ -38,7 +38,7 @@
       justify-content: flex-end;
 
       font-size: 0.9em;
-      color: #$gray-400;
+      color: $gray-400;
     }
   }
 

src/client/styles/scss/_editor-attachment.scss

@@ -62,7 +62,7 @@
             }
 
             // style
-            color: #$secondary;
+            color: $secondary;
             background: rgba(200, 200, 200, 0.8);
           }
         }

src/client/styles/scss/_layout.scss

@@ -94,7 +94,7 @@ body {
   }
   .main {
     header {
-      border-bottom: solid 1px #$secondary;
+      border-bottom: solid 1px $secondary;
       h1 {
         font-size: 2em;
         color: #000;
@@ -125,7 +125,7 @@ body {
 
     .meta {
       margin-top: 32px;
-      color: #$secondary;
+      color: $secondary;
       border-top: solid 1px #$gray-300;
     }
   }

src/client/styles/scss/_page.scss

@@ -4,7 +4,7 @@
 .main-container {
   .url-line {
     font-size: 1rem;
-    color: #$gray-400;
+    color: $gray-400;
   }
 
   h1.title {

src/client/styles/scss/_search.scss

@@ -1,6 +1,6 @@
 .search-listpage-icon {
   font-size: 16px;
-  color: #$gray-400;
+  color: $gray-400;
 }
 
 .search-listpage-clear {
@@ -26,7 +26,7 @@
     width: 24px;
     height: 24px;
     padding: 0;
-    color: #$gray-400;
+    color: $gray-400;
   }
 
   .rbt-menu {
@@ -48,7 +48,7 @@
 
       .page-list-meta {
         font-size: 0.9em;
-        color: #$gray-400;
+        color: $gray-400;
 
         > span {
           margin-right: 0.3rem;

src/client/styles/scss/_shortcuts.scss

@@ -30,7 +30,7 @@
     margin: 0px 4px;
     /*Text Properties*/
     font: 18px/36px Helvetica, serif;
-    color: #$secondary;
+    color: $secondary;
     text-align: center;
     text-transform: uppercase;
     background: #fff;
@@ -38,7 +38,7 @@
     box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.5);
     /* SVG Properties*/
     polygon {
-      fill: #$secondary;
+      fill: $secondary;
     }
 
     &.key-longer {

src/client/styles/scss/_user.scss

@@ -16,7 +16,7 @@ $easeInOutCubic: cubic-bezier(0.65, 0, 0.35, 1);
   .user-page-name {
     margin: 0;
     font-size: 2.5em;
-    color: #$secondary;
+    color: $secondary;
   }
 
   .picture {
@@ -26,7 +26,7 @@ $easeInOutCubic: cubic-bezier(0.65, 0, 0.35, 1);
 
   div.user-page-meta {
     padding-left: 0;
-    color: #$gray-400;
+    color: $gray-400;
 
     .user-page-username {
       font-weight: bold;

src/client/styles/scss/style-presentation.scss

@@ -94,7 +94,7 @@
           > td {
             padding: 1em;
             vertical-align: top;
-            border-top: 1px solid #$gray-400;
+            border-top: 1px solid $gray-400;
           }
         }
       }
@@ -120,14 +120,14 @@
       }
 
       // .table-bordered
-      border: 1px solid #$gray-400;
+      border: 1px solid $gray-400;
       > thead,
       > tbody,
       > tfoot {
         > tr {
           > th,
           > td {
-            border: 1px solid #$gray-400;
+            border: 1px solid $gray-400;
           }
         }
       }

src/client/styles/scss/theme/_apply-colors-dark.scss

@@ -180,7 +180,7 @@ ul.pagination {
  */
 .grw-drawer-toggler {
   @extend .btn-dark;
-  color: #$gray-400;
+  color: $gray-400;
 }
 
 /*

src/client/styles/scss/theme/default.scss

@@ -183,7 +183,7 @@ html[dark] {
 
   // Border colors
   $border-color-theme: #444;
-  $bordercolor-inline-code: #$secondary; // optional
+  $bordercolor-inline-code: $secondary; // optional
 
   // Dropdown colors
   $bgcolor-dropdown-link-active: $primary;