diff --git a/.changeset/polite-penguins-wonder.md b/.changeset/polite-penguins-wonder.md new file mode 100644 index 000000000..bda9d2632 --- /dev/null +++ b/.changeset/polite-penguins-wonder.md @@ -0,0 +1,5 @@ +--- +"@primer/primitives": patch +--- + +Fix for primary color in cvd modes diff --git a/data/colors/themes/dark.ts b/data/colors/themes/dark.ts index 18d8a7a4d..bac9a7d01 100644 --- a/data/colors/themes/dark.ts +++ b/data/colors/themes/dark.ts @@ -6,7 +6,7 @@ import darkMarketingVars from '../vars/marketing_dark' import darkAppVars from '../vars/app_dark' const scale = { - black: '#F10409', + black: '#010409', white: '#ffffff', gray: ['#f0f6fc', '#c9d1d9', '#b1bac4', '#8b949e', '#6e7681', '#484f58', '#30363d', '#21262d', '#161b22', '#0d1117'], blue: ['#cae8ff', '#a5d6ff', '#79c0ff', '#58a6ff', '#388bfd', '#1f6feb', '#1158c7', '#0d419d', '#0c2d6b', '#051d4d'], diff --git a/data/colors/themes/dark_colorblind.ts b/data/colors/themes/dark_colorblind.ts index 22a4dbe09..bc3c07089 100644 --- a/data/colors/themes/dark_colorblind.ts +++ b/data/colors/themes/dark_colorblind.ts @@ -60,6 +60,9 @@ const scale = { } const exceptions = { + accent: { + fg: get('scale.blue.3'), + }, open: { fg: get('scale.orange.3'), emphasis: get('scale.orange.5'), diff --git a/data/colors/themes/dark_dimmed.ts b/data/colors/themes/dark_dimmed.ts index 2535599d1..159a0ff14 100644 --- a/data/colors/themes/dark_dimmed.ts +++ b/data/colors/themes/dark_dimmed.ts @@ -60,6 +60,9 @@ const scale = { } const exceptions = { + accent: { + fg: get('scale.blue.3'), + }, diffBlob: { expander: { icon: get('fg.default'), diff --git a/data/colors/themes/dark_high_contrast.ts b/data/colors/themes/dark_high_contrast.ts index 36c7bbe4d..8c6a924dc 100644 --- a/data/colors/themes/dark_high_contrast.ts +++ b/data/colors/themes/dark_high_contrast.ts @@ -129,7 +129,8 @@ const exceptions = { emphasisPlus: get('scale.gray.0') }, accent: { - muted: get('scale.blue.4'), + fg: get('scale.blue.3'), + muted: get('scale.blue.4') }, success: { muted: get('scale.green.4'), diff --git a/data/colors/themes/dark_tritanopia.ts b/data/colors/themes/dark_tritanopia.ts index 575cdf605..e85ed17cd 100644 --- a/data/colors/themes/dark_tritanopia.ts +++ b/data/colors/themes/dark_tritanopia.ts @@ -1,4 +1,4 @@ -import {merge} from '../../../src/utils-v1' +import {get, merge} from '../../../src/utils-v1' import dark_colorblind from './dark_colorblind' const scale = { @@ -59,4 +59,10 @@ const scale = { coral: ['#ffddd2', '#ffc2b2', '#ffa28b', '#f78166', '#ea6045', '#cf462d', '#ac3220', '#872012', '#640d04', '#460701'] } -export default merge(dark_colorblind, {scale}) +const exceptions = { + accent: { + fg: get('scale.blue.3'), + }, +} + +export default merge(dark_colorblind, exceptions, {scale}) diff --git a/data/colors/themes/light_colorblind.ts b/data/colors/themes/light_colorblind.ts index b1635fa07..e6538359e 100644 --- a/data/colors/themes/light_colorblind.ts +++ b/data/colors/themes/light_colorblind.ts @@ -60,6 +60,9 @@ const scale = { } const exceptions = { + success: { + emphasis: get('scale.green.5'), + }, open: { fg: get('scale.orange.5'), emphasis: get('scale.orange.4'), @@ -72,6 +75,9 @@ const exceptions = { muted: alpha(get('scale.gray.3'), 0.4), subtle: get('scale.gray.0') }, + danger: { + fg: get('scale.red.5'), + }, diffBlob: { addition: { numBg: get('success.muted'), diff --git a/data/colors/themes/light_tritanopia.ts b/data/colors/themes/light_tritanopia.ts index 22f56e094..75f4645c7 100644 --- a/data/colors/themes/light_tritanopia.ts +++ b/data/colors/themes/light_tritanopia.ts @@ -1,4 +1,4 @@ -import {merge} from '../../../src/utils-v1' +import {merge, get} from '../../../src/utils-v1' import light_colorblind from './light_colorblind' const scale = { @@ -59,4 +59,13 @@ const scale = { coral: ['#fff0eb', '#ffd6cc', '#ffb4a1', '#fd8c73', '#ec6547', '#c4432b', '#9e2f1c', '#801f0f', '#691105', '#510901'] } -export default merge(light_colorblind, {scale}) +const exceptions = { + success: { + emphasis: get('scale.green.5'), + }, + danger: { + fg: get('scale.red.5'), + } +} + +export default merge(light_colorblind, exceptions, {scale})