#999 → $gray-400

src/client/styles/scss/_comment.scss

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

src/client/styles/scss/_page.scss

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

src/client/styles/scss/_search.scss

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

src/client/styles/scss/_user.scss

@@ -26,7 +26,7 @@ $easeInOutCubic: cubic-bezier(0.65, 0, 0.35, 1);
 
   div.user-page-meta {
     padding-left: 0;
-    color: #999;
+    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 #999;
+            border-top: 1px solid #$gray-400;
           }
         }
       }
@@ -120,14 +120,14 @@
       }
 
       // .table-bordered
-      border: 1px solid #999;
+      border: 1px solid #$gray-400;
       > thead,
       > tbody,
       > tfoot {
         > tr {
           > th,
           > td {
-            border: 1px solid #999;
+            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: #999;
+  color: #$gray-400;
 }
 
 /*