Extract fgColor tokens into separate file (#1153)

* moving fgColor to a separate file * add light hc * re-add alpha value for dark disabled fgColor * add missing light overrides for fgColor * add dark protanopia and tritanopia overrides for fgColor * adding dark dimmed and HC to fgColor overrides * fix for high contrast
primer · Jan 16, 2025 · 3218978 · 3218978
1 parent 0b76b1a
commit 3218978
Show file tree

Hide file tree

Showing 11 changed files with 342 additions and 714 deletions.
diff --git a/src/tokens/base/color/dark/dark.high-contrast.json5 b/src/tokens/base/color/dark/dark.high-contrast.json5
@@ -14,15 +14,6 @@
           },
         },
       },
-      white: {
-        $value: '#ffffff',
-        $type: 'color',
-        $extensions: {
-          'org.primer.figma': {
-            collection: 'base/color/dark-high-contrast',
-          },
-        },
-      },
       blue: {
         '0': {
           $value: '#caeaff',

diff --git a/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 b/src/tokens/functional/color/dark/overrides/dark.dimmed.json5
@@ -28,25 +28,6 @@
       },
     },
   },
-  fgColor: {
-    default: {
-      $value: '{base.color.neutral.11}',
-      $type: 'color',
-    },
-    onEmphasis: {
-      $value: '{base.color.neutral.12}',
-      $type: 'color',
-    },
-    disabled: {
-      $value: '{base.color.neutral.8}',
-      $type: 'color',
-      alpha: 1,
-    },
-    accent: {
-      $value: '#478be6',
-      $type: 'color',
-    },
-  },
   control: {
     bgColor: {
       rest: {

diff --git a/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 b/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5
@@ -4,48 +4,6 @@
  * @description All overwrites for functional color tokens for dark high contrast color mode are in this file
  */
 {
-  fgColor: {
-    default: {
-      $value: '{base.color.neutral.13}',
-      $type: 'color',
-    },
-    muted: {
-      $value: '{base.color.neutral.10}',
-      $type: 'color',
-    },
-    disabled: {
-      $value: '{base.color.neutral.8}',
-      $type: 'color',
-    },
-    neutral: {
-      $value: '{base.color.neutral.11}',
-      $type: 'color',
-    },
-    accent: {
-      $value: '#74B9FF',
-      $type: 'color',
-    },
-    success: {
-      $value: '#2BD853',
-      $type: 'color',
-    },
-    danger: {
-      $value: '{base.color.red.3}',
-      $type: 'color',
-    },
-    severe: {
-      $value: '{base.color.orange.3}',
-      $type: 'color',
-    },
-    done: {
-      $value: '#D3ABFF',
-      $type: 'color',
-    },
-    sponsors: {
-      $value: '#FF90C8',
-      $type: 'color',
-    },
-  },
   bgColor: {
     default: {
       $value: '{base.color.neutral.0}',

diff --git a/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 b/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5
@@ -4,24 +4,6 @@
  * @description All overwrites for functional color tokens for dark protanopia and deuteranopia color mode are in this file
  */
 {
-  fgColor: {
-    success: {
-      $value: '{base.color.blue.3}',
-      $type: 'color',
-    },
-    danger: {
-      $value: '{base.color.orange.3}',
-      $type: 'color',
-    },
-    open: {
-      $value: '{base.color.blue.3}',
-      $type: 'color',
-    },
-    closed: {
-      $value: '{fgColor.muted}',
-      $type: 'color',
-    },
-  },
   bgColor: {
     success: {
       muted: {

diff --git a/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 b/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5
@@ -4,24 +4,6 @@
  * @description All overwrites for functional color tokens for this theme are in this file
  */
 {
-  fgColor: {
-    success: {
-      $value: '{base.color.blue.3}',
-      $type: 'color',
-    },
-    severe: {
-      $value: '{base.color.red.4}',
-      $type: 'color',
-    },
-    open: {
-      $value: '{base.color.red.4}',
-      $type: 'color',
-    },
-    closed: {
-      $value: '{fgColor.muted}',
-      $type: 'color',
-    },
-  },
   bgColor: {
     success: {
       muted: {