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, }; };