#F5F5F5 → $gray-50

src/client/styles/scss/_admin.scss

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

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

@@ -50,7 +50,7 @@ html[dark] {
   // Background colors
   $bgcolor-global: $themelight;
   $bgcolor-inline-code: $gray-100; //optional
-  $bgcolor-card: #f5f5f5;
+  $bgcolor-card: $gray-50;
 
   // Font colors
   $color-global: black;

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

@@ -41,7 +41,7 @@ html[light],
 html[dark] {
   $primary: #d3c665;
   // Background colors
-  $bgcolor-card: #f5f5f5;
+  $bgcolor-card: $gray-50;
   $bgcolor-inline-code: $gray-100; //optional
 
   // Font colors

src/client/styles/scss/theme/halloween.scss

@@ -38,7 +38,7 @@ html[dark] {
   // Background colors
   $bgcolor-global: #050000;
   $bgcolor-inline-code: #1f1f22; //optional
-  $bgcolor-card: #f5f5f5;
+  $bgcolor-card: $gray-50;
 
   // Font colors
   $color-global: #e9af2b;

src/client/styles/scss/theme/island.scss

@@ -8,7 +8,7 @@ html[light],
 html[dark] {
   $primary: $color-primary;
   // Background colors
-  $bgcolor-card: #f5f5f5;
+  $bgcolor-card: $gray-50;
   $bgcolor-global: lighten($color-themelight, 10%);
   $bgcolor-inline-code: $gray-100; //optional
 

src/client/styles/scss/theme/spring.scss

@@ -33,7 +33,7 @@ html[dark] {
   // Background colors
   $bgcolor-global: white;
   $bgcolor-inline-code: $gray-100; //optional
-  $bgcolor-card: #f5f5f5;
+  $bgcolor-card: $gray-50;
 
   // Font colors
   $color-global: black;