#$gray-300 → $gray-300

src/client/styles/scss/_admin.scss

@@ -141,7 +141,7 @@
     // style
     .theme-option-container a {
       background-color: #f5f5f5;
-      border: 1px solid #$gray-300;
+      border: 1px solid $gray-300;
     }
     .theme-option-name {
       opacity: 0.3;

src/client/styles/scss/_layout.scss

@@ -126,7 +126,7 @@ body {
     .meta {
       margin-top: 32px;
       color: $secondary;
-      border-top: solid 1px #$gray-300;
+      border-top: solid 1px $gray-300;
     }
   }
 }

src/client/styles/scss/_subnav.scss

@@ -56,7 +56,7 @@
     .picture {
       width: 22px;
       height: 22px;
-      border: 1px solid #$gray-300;
+      border: 1px solid $gray-300;
 
       &.picture-xs {
         width: 14px;

src/client/styles/scss/theme/antarctic.scss

@@ -98,7 +98,7 @@ html[dark] {
   $color-editor-icons: $color-global;
 
   // Border colors
-  $border-color-theme: #$gray-300; // former: `$navbar-border: #$gray-300;`
+  $border-color-theme: $gray-300; // former: `$navbar-border: $gray-300;`
   $bordercolor-inline-code: #ccc8c8; // optional
 
   // Dropdown colors
@@ -175,7 +175,7 @@ html[dark] {
 //   $color-editor-icons: darken($accentcolor, 15%);
 
 //   // Border colors
-//   $border-color-theme: black; // former: `$navbar-border: #$gray-300;`
+//   $border-color-theme: black; // former: `$navbar-border: $gray-300;`
 
 //   // Dropdown colors
 //   $bgcolor-dropdown-link-active: $primary;

src/linter-checker/test.scss

@@ -16,7 +16,7 @@
  */
 
 .test {
-  background: #$gray-300;
+  background: $gray-300;
   color: #333;
 
   ul > li {