[app:var.module.scss] Lighten $colors.grey and $colors.darkBlue,

darken `$code-colors.background` [pages:Documentation:styles] Change color to `$colors.black` for `.highlight` class
chichiwang · Jul 6, 2024 · e0d340a · e0d340a
1 parent a92b6dd
commit e0d340a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/app/var.module.scss b/app/var.module.scss
@@ -6,16 +6,16 @@ $breakpoint-small-max: 39.9375rem;
 $colors: (
   "black": #000,
   "white": #fff,
-  "grey": #595959,
+  "grey": #e8e8e8,
   "blue": #4793AF,
   "orange": #FFC470,
   "red": #DD5746,
   "maroon": #8B322C,
-  "darkBlue": #005675,
+  "darkBlue": #3D7D94,
 );
 
 $code-colors: (
-  "background": #434343,
+  "background": #161B22,
   "blue": #A5D6FF,
   "darkBlue": #79c0ff,
   "green": #7EE787,

diff --git a/pages/Documentation/styles.module.scss b/pages/Documentation/styles.module.scss
@@ -9,7 +9,7 @@ $indent-unit: map.get(var.$content, 'padding');
 
 .highlight {
   padding: calc(map.get(var.$content, 'padding') / 8) calc(map.get(var.$content, 'padding') / 4);
-  color: map.get(var.$colors, 'white');
+  color: map.get(var.$colors, 'black');
   border-radius: 0.25rem;
   background-color: map.get(var.$colors, 'grey');
 }