working on tritanopia

primer · Apr 21, 2023 · e3d5658 · e3d5658
1 parent eeca644
commit e3d5658
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 82 deletions.
diff --git a/scripts/themes.config.ts b/scripts/themes.config.ts
@@ -20,7 +20,7 @@ export const themes: TokenBuildInput[] = [
       `src/tokens/functional/shadow/light.json5`,
       `src/tokens/functional/border/light.json5`,
     ],
-    include: [`src/tokens/base/color/light/light.json5`],
+    include: [`src/tokens/base/color/light/light.json5`, `src/tokens/base/color/light/light.tritanopia.json5`],
   },
   {
     filename: 'light-colorblind',

diff --git a/src/tokens/base/color/light/light.tritanopia.json5 b/src/tokens/base/color/light/light.tritanopia.json5
@@ -6,89 +6,29 @@
   base: {
     color: {
       green: {
-        '0': {
-          $value: '#ddf4ff',
-          $type: 'color',
-        },
-        '1': {
-          $value: '#b6e3ff',
-          $type: 'color',
-        },
-        '2': {
-          $value: '#80ccff',
-          $type: 'color',
-        },
-        '3': {
-          $value: '#54aeff',
-          $type: 'color',
-        },
-        '4': {
-          $value: '#218bff',
-          $type: 'color',
-        },
-        '5': {
-          $value: '#0969da',
-          $type: 'color',
-        },
-        '6': {
-          $value: '#0550ae',
-          $type: 'color',
-        },
-        '7': {
-          $value: '#033d8b',
-          $type: 'color',
-        },
-        '8': {
-          $value: '#0a3069',
-          $type: 'color',
-        },
-        '9': {
-          $value: '#002155',
-          $type: 'color',
-        },
+        '0': {$value: '{base.color.blue.0}'},
+        '1': {$value: '{base.color.blue.1}'},
+        '2': {$value: '{base.color.blue.2}'},
+        '3': {$value: '{base.color.blue.3}'},
+        '4': {$value: '{base.color.blue.4}'},
+        '5': {$value: '{base.color.blue.5}'},
+        '6': {$value: '{base.color.blue.6}'},
+        '7': {$value: '{base.color.blue.7}'},
+        '8': {$value: '{base.color.blue.8}'},
+        '9': {$value: '{base.color.blue.9}'},
       },
       orange: {
-        '0': {
-          $value: '#ffebe9',
-          $type: 'color',
-        },
-        '1': {
-          $value: '#ffcecb',
-          $type: 'color',
-        },
-        '2': {
-          $value: '#ffaba8',
-          $type: 'color',
-        },
-        '3': {
-          $value: '#ff8182',
-          $type: 'color',
-        },
-        '4': {
-          $value: '#fa4549',
-          $type: 'color',
-        },
-        '5': {
-          $value: '#cf222e',
-          $type: 'color',
-        },
-        '6': {
-          $value: '#a40e26',
-          $type: 'color',
-        },
-        '7': {
-          $value: '#82071e',
-          $type: 'color',
-        },
-        '8': {
-          $value: '#660018',
-          $type: 'color',
-        },
-        '9': {
-          $value: '#4c0014',
-          $type: 'color',
-        },
-      },
+        "0": { $value: '{base.color.red.0}' },
+        "1": { $value: '{base.color.red.1}' },
+        "2": { $value: '{base.color.red.2}' },
+        "3": { $value: '{base.color.red.3}' },
+        "4": { $value: '{base.color.red.4}' },
+        "5": { $value: '{base.color.red.5}' },
+        "6": { $value: '{base.color.red.6}' },
+        "7": { $value: '{base.color.red.7}' },
+        "8": { $value: '{base.color.red.8}' },
+        "9": { $value: '{base.color.red.9}' }
+      }
     },
   },
 }