Make dim color scheme dim

bluesky-social · Feb 22, 2024 · b774919 · b774919
1 parent 1ccb3be
commit b774919
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 14 deletions.
diff --git a/src/alf/themes.ts b/src/alf/themes.ts
@@ -132,21 +132,21 @@ export const darkPalette: Palette = {
 
 export const dimPalette: Palette = {
   ...darkPalette,
-  black: tokens.color.gray_1000,
+  black: tokens.color.dimGray,
 
-  contrast_25: tokens.color.gray_975,
-  contrast_50: tokens.color.gray_950,
-  contrast_100: tokens.color.gray_900,
-  contrast_200: tokens.color.gray_800,
-  contrast_300: tokens.color.gray_700,
-  contrast_400: tokens.color.gray_600,
-  contrast_500: tokens.color.gray_500,
-  contrast_600: tokens.color.gray_400,
-  contrast_700: tokens.color.gray_300,
-  contrast_800: tokens.color.gray_200,
-  contrast_900: tokens.color.gray_100,
-  contrast_950: tokens.color.gray_50,
-  contrast_975: tokens.color.gray_25,
+  contrast_25: tokens.color.gray_900,
+  contrast_50: tokens.color.gray_800,
+  contrast_100: tokens.color.gray_700,
+  contrast_200: tokens.color.gray_600,
+  contrast_300: tokens.color.gray_500,
+  contrast_400: tokens.color.gray_400,
+  contrast_500: tokens.color.gray_300,
+  contrast_600: tokens.color.gray_200,
+  contrast_700: tokens.color.gray_100,
+  contrast_800: tokens.color.gray_50,
+  contrast_900: tokens.color.gray_25,
+  contrast_950: tokens.color.gray_0,
+  contrast_975: tokens.color.gray_0,
 } as const
 
 export const light = {

diff --git a/src/alf/tokens.ts b/src/alf/tokens.ts
@@ -4,6 +4,7 @@ const GREEN_HUE = 152
 
 export const color = {
   trueBlack: '#000000',
+  dimGray: `hsl(216, 23%, 17%)`,
 
   gray_0: `hsl(${BLUE_HUE}, 20%, 100%)`,
   gray_25: `hsl(${BLUE_HUE}, 20%, 97%)`,