Optional
appearance
appearance?: {
theme?: string | {
colors?: {
black?: string | number | boolean;
buttonAltFocusBorder?: string | number | boolean;
buttonAltFocusRing1?: string | number | boolean;
buttonAltFocusRing2?: string | number | boolean;
buttonAltFocusShadow1?: string | number | boolean;
buttonAltFocusShadow2?: string | number | boolean;
buttonAltHoverBg?: string | number | boolean;
buttonAltHoverBorder?: string | number | boolean;
buttonAltHoverRing1?: string | number | boolean;
buttonAltHoverRing2?: string | number | boolean;
buttonAltHoverShadow1?: string | number | boolean;
buttonAltHoverShadow2?: string | number | boolean;
buttonAltHoverText?: string | number | boolean;
buttonAltIdleBg?: string | number | boolean;
buttonAltIdleBorder?: string | number | boolean;
buttonAltIdleShadow1?: string | number | boolean;
buttonAltIdleShadow2?: string | number | boolean;
buttonAltIdleText?: string | number | boolean;
buttonAltPassiveBg?: string | number | boolean;
buttonFocusBorder?: string | number | boolean;
buttonFocusRing1?: string | number | boolean;
buttonFocusRing2?: string | number | boolean;
buttonFocusShadow1?: string | number | boolean;
buttonFocusShadow2?: string | number | boolean;
buttonHoverBg?: string | number | boolean;
buttonHoverBorder?: string | number | boolean;
buttonHoverShadow1?: string | number | boolean;
buttonHoverShadow2?: string | number | boolean;
buttonHoverText?: string | number | boolean;
buttonIconColor?: string | number | boolean;
buttonIdleBg?: string | number | boolean;
buttonIdleBorder?: string | number | boolean;
buttonIdleShadow1?: string | number | boolean;
buttonIdleShadow2?: string | number | boolean;
buttonIdleText?: string | number | boolean;
buttonPassiveBg?: string | number | boolean;
cardBg?: string | number | boolean;
cardBorder?: string | number | boolean;
cardShadow?: string | number | boolean;
contrast0?: string | number | boolean;
contrast1?: string | number | boolean;
contrast10?: string | number | boolean;
contrast2?: string | number | boolean;
contrast3?: string | number | boolean;
contrast4?: string | number | boolean;
contrast5?: string | number | boolean;
contrast6?: string | number | boolean;
contrast7?: string | number | boolean;
contrast8?: string | number | boolean;
contrast9?: string | number | boolean;
errorColor?: string | number | boolean;
focusColor?: string | number | boolean;
focusColorLight?: string | number | boolean;
headingColor?: string | number | boolean;
hiContrast?: string | number | boolean;
loContrast?: string | number | boolean;
panel?: string | number | boolean;
panelShadow?: string | number | boolean;
textColor?: string | number | boolean;
};
fontSizes?: {
0?: string | number | boolean;
1?: string | number | boolean;
2?: string | number | boolean;
3?: string | number | boolean;
};
fonts?: {
main?: string | number | boolean;
mono?: string | number | boolean;
};
radii?: {
1?: string | number | boolean;
2?: string | number | boolean;
3?: string | number | boolean;
4?: string | number | boolean;
pill?: string | number | boolean;
round?: string | number | boolean;
};
sizes?: {
1?: string | number | boolean;
10?: string | number | boolean;
2?: string | number | boolean;
3?: string | number | boolean;
4?: string | number | boolean;
5?: string | number | boolean;
6?: string | number | boolean;
7?: string | number | boolean;
8?: string | number | boolean;
9?: string | number | boolean;
};
space?: {
1?: string | number | boolean;
2?: string | number | boolean;
3?: string | number | boolean;
4?: string | number | boolean;
5?: string | number | boolean;
6?: string | number | boolean;
7?: string | number | boolean;
8?: string | number | boolean;
9?: string | number | boolean;
};
} & {
[x: string]: {
[x: string]: string | number | boolean;
};
};
}
Type declaration
-
Optional
theme?: string | {
colors?: {
black?: string | number | boolean;
buttonAltFocusBorder?: string | number | boolean;
buttonAltFocusRing1?: string | number | boolean;
buttonAltFocusRing2?: string | number | boolean;
buttonAltFocusShadow1?: string | number | boolean;
buttonAltFocusShadow2?: string | number | boolean;
buttonAltHoverBg?: string | number | boolean;
buttonAltHoverBorder?: string | number | boolean;
buttonAltHoverRing1?: string | number | boolean;
buttonAltHoverRing2?: string | number | boolean;
buttonAltHoverShadow1?: string | number | boolean;
buttonAltHoverShadow2?: string | number | boolean;
buttonAltHoverText?: string | number | boolean;
buttonAltIdleBg?: string | number | boolean;
buttonAltIdleBorder?: string | number | boolean;
buttonAltIdleShadow1?: string | number | boolean;
buttonAltIdleShadow2?: string | number | boolean;
buttonAltIdleText?: string | number | boolean;
buttonAltPassiveBg?: string | number | boolean;
buttonFocusBorder?: string | number | boolean;
buttonFocusRing1?: string | number | boolean;
buttonFocusRing2?: string | number | boolean;
buttonFocusShadow1?: string | number | boolean;
buttonFocusShadow2?: string | number | boolean;
buttonHoverBg?: string | number | boolean;
buttonHoverBorder?: string | number | boolean;
buttonHoverShadow1?: string | number | boolean;
buttonHoverShadow2?: string | number | boolean;
buttonHoverText?: string | number | boolean;
buttonIconColor?: string | number | boolean;
buttonIdleBg?: string | number | boolean;
buttonIdleBorder?: string | number | boolean;
buttonIdleShadow1?: string | number | boolean;
buttonIdleShadow2?: string | number | boolean;
buttonIdleText?: string | number | boolean;
buttonPassiveBg?: string | number | boolean;
cardBg?: string | number | boolean;
cardBorder?: string | number | boolean;
cardShadow?: string | number | boolean;
contrast0?: string | number | boolean;
contrast1?: string | number | boolean;
contrast10?: string | number | boolean;
contrast2?: string | number | boolean;
contrast3?: string | number | boolean;
contrast4?: string | number | boolean;
contrast5?: string | number | boolean;
contrast6?: string | number | boolean;
contrast7?: string | number | boolean;
contrast8?: string | number | boolean;
contrast9?: string | number | boolean;
errorColor?: string | number | boolean;
focusColor?: string | number | boolean;
focusColorLight?: string | number | boolean;
headingColor?: string | number | boolean;
hiContrast?: string | number | boolean;
loContrast?: string | number | boolean;
panel?: string | number | boolean;
panelShadow?: string | number | boolean;
textColor?: string | number | boolean;
};
fontSizes?: {
0?: string | number | boolean;
1?: string | number | boolean;
2?: string | number | boolean;
3?: string | number | boolean;
};
fonts?: {
main?: string | number | boolean;
mono?: string | number | boolean;
};
radii?: {
1?: string | number | boolean;
2?: string | number | boolean;
3?: string | number | boolean;
4?: string | number | boolean;
pill?: string | number | boolean;
round?: string | number | boolean;
};
sizes?: {
1?: string | number | boolean;
10?: string | number | boolean;
2?: string | number | boolean;
3?: string | number | boolean;
4?: string | number | boolean;
5?: string | number | boolean;
6?: string | number | boolean;
7?: string | number | boolean;
8?: string | number | boolean;
9?: string | number | boolean;
};
space?: {
1?: string | number | boolean;
2?: string | number | boolean;
3?: string | number | boolean;
4?: string | number | boolean;
5?: string | number | boolean;
6?: string | number | boolean;
7?: string | number | boolean;
8?: string | number | boolean;
9?: string | number | boolean;
};
} & {
[x: string]: {
[x: string]: string | number | boolean;
};
}