diff --git a/scripts/themes.config.ts b/scripts/themes.config.ts index 0ecaf966e..9327c4bf5 100644 --- a/scripts/themes.config.ts +++ b/scripts/themes.config.ts @@ -34,6 +34,23 @@ export const themes: TokenBuildInput[] = [ `src/tokens/base/color/light/display-light.json5`, ], }, + { + filename: 'light-tritanopia-high-contrast', + theme: 'light-tritanopia-high-contrast', + source: [ + `src/tokens/functional/shadow/shadow.json5`, + `src/tokens/functional/border/*.json5`, + `src/tokens/component/*.json5`, + `src/tokens/functional/color/*.json5`, + `src/tokens/functional/color/light/*.json5`, + ], + include: [ + `src/tokens/functional/size/border.json5`, + `src/tokens/base/color/light/light.json5`, + `src/tokens/base/color/light/light.high-contrast.json5`, + `src/tokens/base/color/light/display-light.json5`, + ], + }, { filename: 'light-colorblind', theme: 'light-protanopia-deuteranopia', diff --git a/src/tokens/functional/color/bgColor.json5 b/src/tokens/functional/color/bgColor.json5 index 8e385b0b9..bbfccdb72 100644 --- a/src/tokens/functional/color/bgColor.json5 +++ b/src/tokens/functional/color/bgColor.json5 @@ -35,6 +35,7 @@ dark: '{base.color.neutral.2}', 'dark-dimmed': '{base.color.neutral.4}', 'light-high-contrast': '{base.color.neutral.3}', + 'light-tritanopia-high-contrast': '{base.color.neutral.3}', 'dark-high-contrast': '{base.color.neutral.2}', }, }, @@ -55,6 +56,7 @@ dark: '{base.color.neutral.0}', 'dark-dimmed': '{base.color.neutral.2}', 'light-high-contrast': '{base.color.neutral.2}', + 'light-tritanopia-high-contrast': '{base.color.neutral.2}', }, }, }, @@ -130,6 +132,7 @@ dark: '{base.color.neutral.3}', 'dark-dimmed': '{base.color.neutral.5}', 'light-high-contrast': '{base.color.neutral.4}', + 'light-tritanopia-high-contrast': '{base.color.neutral.4}', 'dark-high-contrast': '{base.color.neutral.4}', }, }, @@ -168,6 +171,7 @@ alpha: 0.2, }, 'light-high-contrast': '{base.color.neutral.4}', + 'light-tritanopia-high-contrast': '{base.color.neutral.4}', 'dark-high-contrast': '{base.color.neutral.3}', }, }, @@ -185,6 +189,7 @@ dark: '{base.color.neutral.8}', 'dark-dimmed': '{base.color.neutral.8}', 'light-high-contrast': '{base.color.neutral.10}', + 'light-tritanopia-high-contrast': '{base.color.neutral.10}', 'dark-high-contrast': '{base.color.neutral.7}', }, }, @@ -249,6 +254,7 @@ alpha: 0.15, }, 'light-tritanopia': '{base.color.blue.0}', + 'light-tritanopia-high-contrast': '{base.color.blue.0}', 'dark-tritanopia': { $value: '{base.color.blue.4}', alpha: 0.15, @@ -279,7 +285,7 @@ 'dark-tritanopia': '{base.color.blue.5}', 'light-protanopia-deuteranopia': '{base.color.blue.5}', 'dark-protanopia-deuteranopia': '{base.color.blue.5}', - 'light-high-contrast': '{base.color.green.5}', + 'light-high-contrast': '{base.color.blue.5}', 'dark-high-contrast': '{base.color.green.9}', }, }, @@ -299,6 +305,7 @@ }, }, 'org.primer.overrides': { + 'light-tritanopia-high-contrast': '{base.color.red.0}', 'light-tritanopia': '{base.color.red.0}', 'dark-tritanopia': { $value: '{base.color.red.4}', @@ -326,6 +333,7 @@ }, 'org.primer.overrides': { 'light-tritanopia': '{base.color.red.5}', + 'light-tritanopia-high-contrast': '{base.color.red.5}', 'dark-tritanopia': '{base.color.red.5}', 'light-protanopia-deuteranopia': '{base.color.orange.5}', 'dark-protanopia-deuteranopia': '{base.color.orange.5}', @@ -391,6 +399,7 @@ alpha: 0.1, }, 'light-tritanopia': '{base.color.red.0}', + 'light-tritanopia-high-contrast': '{base.color.red.0}', 'dark-tritanopia': { $value: '{base.color.red.4}', alpha: 0.1, @@ -412,6 +421,7 @@ }, 'org.primer.overrides': { 'light-tritanopia': '{base.color.red.5}', + 'light-tritanopia-high-contrast': '{base.color.red.5}', 'dark-tritanopia': '{base.color.red.5}', 'dark-high-contrast': '{base.color.orange.9}', }, @@ -479,6 +489,7 @@ }, 'org.primer.overrides': { 'light-tritanopia': '{bgColor.neutral.muted}', + 'light-tritanopia-high-contrast': '{bgColor.neutral.muted}', 'dark-tritanopia': { $value: '{bgColor.neutral.muted}', alpha: 0.1, @@ -505,6 +516,7 @@ }, 'org.primer.overrides': { 'light-tritanopia': '{bgColor.neutral.emphasis}', + 'light-tritanopia-high-contrast': '{bgColor.neutral.emphasis}', 'dark-tritanopia': '{bgColor.neutral.emphasis}', 'light-protanopia-deuteranopia': '{bgColor.neutral.emphasis}', 'dark-protanopia-deuteranopia': '{bgColor.neutral.emphasis}',