import { useToken } from '@invoke-ai/ui-library'; | |
export const useChakraThemeTokens = () => { | |
const [ | |
base50, | |
base100, | |
base150, | |
base200, | |
base250, | |
base300, | |
base350, | |
base400, | |
base450, | |
base500, | |
base550, | |
base600, | |
base650, | |
base700, | |
base750, | |
base800, | |
base850, | |
base900, | |
base950, | |
accent50, | |
accent100, | |
accent150, | |
accent200, | |
accent250, | |
accent300, | |
accent350, | |
accent400, | |
accent450, | |
accent500, | |
accent550, | |
accent600, | |
accent650, | |
accent700, | |
accent750, | |
accent800, | |
accent850, | |
accent900, | |
accent950, | |
baseAlpha50, | |
baseAlpha100, | |
baseAlpha150, | |
baseAlpha200, | |
baseAlpha250, | |
baseAlpha300, | |
baseAlpha350, | |
baseAlpha400, | |
baseAlpha450, | |
baseAlpha500, | |
baseAlpha550, | |
baseAlpha600, | |
baseAlpha650, | |
baseAlpha700, | |
baseAlpha750, | |
baseAlpha800, | |
baseAlpha850, | |
baseAlpha900, | |
baseAlpha950, | |
accentAlpha50, | |
accentAlpha100, | |
accentAlpha150, | |
accentAlpha200, | |
accentAlpha250, | |
accentAlpha300, | |
accentAlpha350, | |
accentAlpha400, | |
accentAlpha450, | |
accentAlpha500, | |
accentAlpha550, | |
accentAlpha600, | |
accentAlpha650, | |
accentAlpha700, | |
accentAlpha750, | |
accentAlpha800, | |
accentAlpha850, | |
accentAlpha900, | |
accentAlpha950, | |
] = useToken('colors', [ | |
'base.50', | |
'base.100', | |
'base.150', | |
'base.200', | |
'base.250', | |
'base.300', | |
'base.350', | |
'base.400', | |
'base.450', | |
'base.500', | |
'base.550', | |
'base.600', | |
'base.650', | |
'base.700', | |
'base.750', | |
'base.800', | |
'base.850', | |
'base.900', | |
'base.950', | |
'accent.50', | |
'accent.100', | |
'accent.150', | |
'accent.200', | |
'accent.250', | |
'accent.300', | |
'accent.350', | |
'accent.400', | |
'accent.450', | |
'accent.500', | |
'accent.550', | |
'accent.600', | |
'accent.650', | |
'accent.700', | |
'accent.750', | |
'accent.800', | |
'accent.850', | |
'accent.900', | |
'accent.950', | |
'baseAlpha.50', | |
'baseAlpha.100', | |
'baseAlpha.150', | |
'baseAlpha.200', | |
'baseAlpha.250', | |
'baseAlpha.300', | |
'baseAlpha.350', | |
'baseAlpha.400', | |
'baseAlpha.450', | |
'baseAlpha.500', | |
'baseAlpha.550', | |
'baseAlpha.600', | |
'baseAlpha.650', | |
'baseAlpha.700', | |
'baseAlpha.750', | |
'baseAlpha.800', | |
'baseAlpha.850', | |
'baseAlpha.900', | |
'baseAlpha.950', | |
'accentAlpha.50', | |
'accentAlpha.100', | |
'accentAlpha.150', | |
'accentAlpha.200', | |
'accentAlpha.250', | |
'accentAlpha.300', | |
'accentAlpha.350', | |
'accentAlpha.400', | |
'accentAlpha.450', | |
'accentAlpha.500', | |
'accentAlpha.550', | |
'accentAlpha.600', | |
'accentAlpha.650', | |
'accentAlpha.700', | |
'accentAlpha.750', | |
'accentAlpha.800', | |
'accentAlpha.850', | |
'accentAlpha.900', | |
'accentAlpha.950', | |
]); | |
return { | |
base50, | |
base100, | |
base150, | |
base200, | |
base250, | |
base300, | |
base350, | |
base400, | |
base450, | |
base500, | |
base550, | |
base600, | |
base650, | |
base700, | |
base750, | |
base800, | |
base850, | |
base900, | |
base950, | |
accent50, | |
accent100, | |
accent150, | |
accent200, | |
accent250, | |
accent300, | |
accent350, | |
accent400, | |
accent450, | |
accent500, | |
accent550, | |
accent600, | |
accent650, | |
accent700, | |
accent750, | |
accent800, | |
accent850, | |
accent900, | |
accent950, | |
baseAlpha50, | |
baseAlpha100, | |
baseAlpha150, | |
baseAlpha200, | |
baseAlpha250, | |
baseAlpha300, | |
baseAlpha350, | |
baseAlpha400, | |
baseAlpha450, | |
baseAlpha500, | |
baseAlpha550, | |
baseAlpha600, | |
baseAlpha650, | |
baseAlpha700, | |
baseAlpha750, | |
baseAlpha800, | |
baseAlpha850, | |
baseAlpha900, | |
baseAlpha950, | |
accentAlpha50, | |
accentAlpha100, | |
accentAlpha150, | |
accentAlpha200, | |
accentAlpha250, | |
accentAlpha300, | |
accentAlpha350, | |
accentAlpha400, | |
accentAlpha450, | |
accentAlpha500, | |
accentAlpha550, | |
accentAlpha600, | |
accentAlpha650, | |
accentAlpha700, | |
accentAlpha750, | |
accentAlpha800, | |
accentAlpha850, | |
accentAlpha900, | |
accentAlpha950, | |
}; | |
}; | |