diff --git a/src/alf/themes.ts b/src/alf/themes.ts index b430fa65..ba18ee00 100644 --- a/src/alf/themes.ts +++ b/src/alf/themes.ts @@ -261,23 +261,23 @@ export function createThemes({ contrast_950: `hsl(${hues.primary}, 20%, ${dimScale[12]}%)`, contrast_975: `hsl(${hues.primary}, 20%, ${dimScale[13]}%)`, - primary_25: `hsl(${hues.primary}, 99%, ${dimScale[1]}%)`, - primary_50: `hsl(${hues.primary}, 99%, ${dimScale[2]}%)`, - primary_100: `hsl(${hues.primary}, 99%, ${dimScale[3]}%)`, - primary_200: `hsl(${hues.primary}, 99%, ${dimScale[4]}%)`, - primary_300: `hsl(${hues.primary}, 99%, ${dimScale[5]}%)`, - primary_400: `hsl(${hues.primary}, 99%, ${dimScale[6]}%)`, + primary_25: `hsl(${hues.primary}, 50%, ${dimScale[1]}%)`, + primary_50: `hsl(${hues.primary}, 60%, ${dimScale[2]}%)`, + primary_100: `hsl(${hues.primary}, 70%, ${dimScale[3]}%)`, + primary_200: `hsl(${hues.primary}, 82%, ${dimScale[4]}%)`, + primary_300: `hsl(${hues.primary}, 90%, ${dimScale[5]}%)`, + primary_400: `hsl(${hues.primary}, 95%, ${dimScale[6]}%)`, primary_500: `hsl(${hues.primary}, 99%, ${dimScale[7]}%)`, - primary_600: `hsl(${hues.primary}, 95%, ${dimScale[8]}%)`, - primary_700: `hsl(${hues.primary}, 90%, ${dimScale[9]}%)`, - primary_800: `hsl(${hues.primary}, 82%, ${dimScale[10]}%)`, - primary_900: `hsl(${hues.primary}, 70%, ${dimScale[11]}%)`, - primary_950: `hsl(${hues.primary}, 60%, ${dimScale[12]}%)`, - primary_975: `hsl(${hues.primary}, 50%, ${dimScale[13]}%)`, + primary_600: `hsl(${hues.primary}, 99%, ${dimScale[8]}%)`, + primary_700: `hsl(${hues.primary}, 99%, ${dimScale[9]}%)`, + primary_800: `hsl(${hues.primary}, 99%, ${dimScale[10]}%)`, + primary_900: `hsl(${hues.primary}, 99%, ${dimScale[11]}%)`, + primary_950: `hsl(${hues.primary}, 99%, ${dimScale[12]}%)`, + primary_975: `hsl(${hues.primary}, 99%, ${dimScale[13]}%)`, - positive_25: `hsl(${hues.positive}, 82%, ${dimScale[1]}%)`, - positive_50: `hsl(${hues.positive}, 82%, ${dimScale[2]}%)`, - positive_100: `hsl(${hues.positive}, 82%, ${dimScale[3]}%)`, + positive_25: `hsl(${hues.positive}, 50%, ${dimScale[1]}%)`, + positive_50: `hsl(${hues.positive}, 60%, ${dimScale[2]}%)`, + positive_100: `hsl(${hues.positive}, 70%, ${dimScale[3]}%)`, positive_200: `hsl(${hues.positive}, 82%, ${dimScale[4]}%)`, positive_300: `hsl(${hues.positive}, 82%, ${dimScale[5]}%)`, positive_400: `hsl(${hues.positive}, 82%, ${dimScale[6]}%)`, @@ -285,23 +285,23 @@ export function createThemes({ positive_600: `hsl(${hues.positive}, 82%, ${dimScale[8]}%)`, positive_700: `hsl(${hues.positive}, 82%, ${dimScale[9]}%)`, positive_800: `hsl(${hues.positive}, 82%, ${dimScale[10]}%)`, - positive_900: `hsl(${hues.positive}, 70%, ${dimScale[11]}%)`, - positive_950: `hsl(${hues.positive}, 60%, ${dimScale[12]}%)`, - positive_975: `hsl(${hues.positive}, 50%, ${dimScale[13]}%)`, + positive_900: `hsl(${hues.positive}, 82%, ${dimScale[11]}%)`, + positive_950: `hsl(${hues.positive}, 82%, ${dimScale[12]}%)`, + positive_975: `hsl(${hues.positive}, 82%, ${dimScale[13]}%)`, - negative_25: `hsl(${hues.negative}, 91%, ${dimScale[1]}%)`, - negative_50: `hsl(${hues.negative}, 91%, ${dimScale[2]}%)`, - negative_100: `hsl(${hues.negative}, 91%, ${dimScale[3]}%)`, - negative_200: `hsl(${hues.negative}, 91%, ${dimScale[4]}%)`, + negative_25: `hsl(${hues.negative}, 70%, ${dimScale[1]}%)`, + negative_50: `hsl(${hues.negative}, 80%, ${dimScale[2]}%)`, + negative_100: `hsl(${hues.negative}, 84%, ${dimScale[3]}%)`, + negative_200: `hsl(${hues.negative}, 88%, ${dimScale[4]}%)`, negative_300: `hsl(${hues.negative}, 91%, ${dimScale[5]}%)`, negative_400: `hsl(${hues.negative}, 91%, ${dimScale[6]}%)`, negative_500: `hsl(${hues.negative}, 91%, ${dimScale[7]}%)`, negative_600: `hsl(${hues.negative}, 91%, ${dimScale[8]}%)`, negative_700: `hsl(${hues.negative}, 91%, ${dimScale[9]}%)`, - negative_800: `hsl(${hues.negative}, 88%, ${dimScale[10]}%)`, - negative_900: `hsl(${hues.negative}, 84%, ${dimScale[11]}%)`, - negative_950: `hsl(${hues.negative}, 80%, ${dimScale[12]}%)`, - negative_975: `hsl(${hues.negative}, 70%, ${dimScale[13]}%)`, + negative_800: `hsl(${hues.negative}, 91%, ${dimScale[10]}%)`, + negative_900: `hsl(${hues.negative}, 91%, ${dimScale[11]}%)`, + negative_950: `hsl(${hues.negative}, 91%, ${dimScale[12]}%)`, + negative_975: `hsl(${hues.negative}, 91%, ${dimScale[13]}%)`, } as const const light: Theme = {