#444 → $gray-700

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

@@ -22,7 +22,7 @@
         background: rgba(200, 200, 200, 0.8);
 
         .overlay-content {
-          color: #444;
+          color: $gray- 700;
         }
       }
     }

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

@@ -4,7 +4,7 @@
     .overlay-content {
       padding: $contentPadding;
       font-size: $contentFontSize;
-      color: #444;
+      color: $gray- 700;
       background: rgba(200, 200, 200, 0.5);
     }
   }

src/client/styles/scss/_login.scss

@@ -101,31 +101,31 @@
     ),
     'google': (
       rgba(#24292e, 0.4),
-      #444,
+      $gray- 700,
     ),
     'github': (
       rgba(lighten(black, 20%), 0.4),
-      #444,
+      $gray- 700,
     ),
     'facebook': (
       rgba(#29487d, 0.4),
-      #444,
+      $gray- 700,
     ),
     'twitter': (
       rgba(#1da1f2, 0.4),
-      #444,
+      $gray- 700,
     ),
     'oidc': (
       rgba(#24292e, 0.4),
-      #444,
+      $gray- 700,
     ),
     'saml': (
       rgba(#55a79a, 0.4),
-      #444,
+      $gray- 700,
     ),
     'basic': (
       rgba(#24292e, 0.4),
-      #444,
+      $gray- 700,
     ),
   );
 

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

@@ -16,7 +16,7 @@ $color-tags: #949494 !default;
 $bgcolor-tags: $dark !default;
 
 // override bootstrap variables
-$border-color: #444;
+$border-color: $gray- 700;
 $table-dark-color: $color-table;
 $table-dark-bg: $bgcolor-table;
 $table-dark-border-color: $border-color-table;
@@ -125,7 +125,7 @@ ul.pagination {
   .input-group {
     .input-group-text {
       color: darken(white, 30%);
-      background-color: rgba(#444, 0.7);
+      background-color: rgba($gray- 700, 0.7);
     }
 
     .form-control {

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

@@ -169,7 +169,7 @@ html[dark] {
 
 //   // Logo colors
 //   $bgcolor-logo: $bgcolor-navbar;
-//   $fillcolor-logo-mark: #444;
+//   $fillcolor-logo-mark: $gray- 700;
 
 //   // Icon colors
 //   $color-editor-icons: darken($accentcolor, 15%);

src/client/styles/scss/theme/christmas.scss

@@ -136,11 +136,11 @@ html[dark] {
   .nologin {
     .input-group {
       .input-group-text {
-        color: #444;
+        color: $gray- 700;
         background-color: rgba(darken(white, 20%), 0.6);
       }
       .form-control {
-        color: #444;
+        color: $gray- 700;
         background-color: rgba(white, 0.6);
       }
     }

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

@@ -148,7 +148,7 @@ html[dark] {
 
   // Logo colors
   $bgcolor-logo: $bgcolor-navbar;
-  $fillcolor-logo-mark: #444;
+  $fillcolor-logo-mark: $gray- 700;
 
   // Sidebar
   $bgcolor-sidebar: #122c55;
@@ -169,7 +169,7 @@ html[dark] {
   $bgcolor-subnav: lighten($bgcolor-global, 4%); // optional
 
   // Tabs
-  $bordercolor-nav-tabs: #444; // optional
+  $bordercolor-nav-tabs: $gray- 700; // optional
   // $color-nav-tabs-link-active: #; //optional
   $bordercolor-nav-tabs-hover: #666 #666 $bordercolor-nav-tabs; // optional
   // $bordercolor-nav-tabs-active: # # $bgcolor-global; // optional
@@ -182,7 +182,7 @@ html[dark] {
   $color-editor-icons: $color-global;
 
   // Border colors
-  $border-color-theme: #444;
+  $border-color-theme: $gray- 700;
   $bordercolor-inline-code: $secondary; // optional
 
   // Dropdown colors