Invert saturation scale as well (#4783)
parent
306f162639
commit
f85df425f7
|
@ -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 = {
|
||||
|
|
Loading…
Reference in New Issue