# Variable theme

theme: string & { className: string; selector: string } & {
colors: {
activeBg: Token<"activeBg", "colors", "">;
background: Token<"background", "colors", "">;
blue1: Token<"blue1", "colors", "">;
blue2: Token<"blue2", "colors", "">;
blue3: Token<"blue3", "colors", "">;
blue4: Token<"blue4", "colors", "">;
blue5: Token<"blue5", "colors", "">;
border: Token<"border", "colors", "">;
buttonBorder: Token<"buttonBorder", "colors", "">;
choiceActiveBg: Token<"choiceActiveBg", "colors", "">;
choiceActiveText: Token<"choiceActiveText", "colors", "">;
choiceBg: Token<"choiceBg", "colors", "">;
choiceBorder: Token<"choiceBorder", "colors", "">;
choiceText: Token<"choiceText", "colors", "">;
focusColor: Token<"focusColor", "colors", "">;
green1: Token<"green1", "colors", "">;
green1Darker: Token<"green1Darker", "colors", "">;
grey1: Token<"grey1", "colors", "">;
headerBg: Token<"headerBg", "colors", "">;
headerBorder: Token<"headerBorder", "colors", "">;
headerText: Token<"headerText", "colors", "">;
icon: Token<"icon", "colors", "">;
inactiveBg: Token<"inactiveBg", "colors", "">;
inactiveDarkBg: Token<"inactiveDarkBg", "colors", "">;
inputDisabledBg: Token<"inputDisabledBg", "colors", "">;
inputDisabledText: Token<"inputDisabledText", "colors", "">;
mainColor: Token<"mainColor", "colors", "">;
mainColorAlt: Token<"mainColorAlt", "colors", "">;
modalBg: Token<"modalBg", "colors", "">;
modalButtonBg: Token<"modalButtonBg", "colors", "">;
modalButtonBorder: Token<"modalButtonBorder", "colors", "">;
orange1: Token<"orange1", "colors", "">;
orange1Darker: Token<"orange1Darker", "colors", "">;
pink1: Token<"pink1", "colors", "">;
pinky1: Token<"pinky1", "colors", "">;
pinky2: Token<"pinky2", "colors", "">;
pinky3: Token<"pinky3", "colors", "">;
popText: Token<"popText", "colors", "">;
purple1: Token<"purple1", "colors", "">;
red1: Token<"red1", "colors", "">;
scrollbarsBg: Token<"scrollbarsBg", "colors", "">;
scrollbarsThumb: Token<"scrollbarsThumb", "colors", "">;
selectorActive: Token<"selectorActive", "colors", "">;
selectorText: Token<"selectorText", "colors", "">;
sub: Token<"sub", "colors", "">;
tableStripedBg: Token<"tableStripedBg", "colors", "">;
text: Token<"text", "colors", "">;
text2: Token<"text2", "colors", "">;
text3: Token<"text3", "colors", "">;
toggleBgDisabled: Token<"toggleBgDisabled", "colors", "">;
toggleHandleBg: Token<"toggleHandleBg", "colors", "">;
toggleHandleBgDisabled: Token<"toggleHandleBgDisabled", "colors", "">;
toggleHandleBorder: Token<"toggleHandleBorder", "colors", "">;
toggleHandleBorderDisabled: Token<
"toggleHandleBorderDisabled",
"colors",
"",
>;
toolbarBg: Token<"toolbarBg", "colors", "">;
toolbarBorder: Token<"toolbarBorder", "colors", "">;
toolButtonText: Token<"toolButtonText", "colors", "">;
yellow1: Token<"yellow1", "colors", "">;
yellow2: Token<"yellow2", "colors", "">;
yellow3: Token<"yellow3", "colors", "">;
};
}

- Defined in src/theme.ts:24