@furystack/shades-common-components
Version:
Common UI components for FuryStack Shades
122 lines • 2.78 kB
TypeScript
/**
* Dark theme inspired by the Star Wars Sith Order.
* Near-black backgrounds with a tiling red chevron pattern,
* crimson accents, deep violet secondary, and bold typography.
*
* @remarks Recommended Google Font: Rajdhani
*/
export declare const sithTheme: {
name: string;
text: {
primary: string;
secondary: string;
disabled: string;
};
button: {
active: string;
hover: string;
selected: string;
disabled: string;
disabledBackground: string;
};
background: {
default: string;
paper: string;
paperImage: string;
};
palette: import("../services/theme-provider-service.js").Palette;
divider: string;
action: {
hoverBackground: string;
selectedBackground: string;
activeBackground: string;
focusRing: string;
focusOutline: string;
disabledOpacity: string;
backdrop: string;
subtleBorder: string;
};
shape: {
borderRadius: {
xs: string;
sm: string;
md: string;
lg: string;
full: string;
};
borderWidth: string;
};
shadows: {
none: string;
sm: string;
md: string;
lg: string;
xl: string;
};
typography: {
fontFamily: string;
fontSize: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
xxl: string;
xxxl: string;
xxxxl: string;
};
fontWeight: {
normal: string;
medium: string;
semibold: string;
bold: string;
};
lineHeight: {
tight: string;
normal: string;
relaxed: string;
};
letterSpacing: {
tight: string;
dense: string;
normal: string;
wide: string;
wider: string;
widest: string;
};
textShadow: string;
};
transitions: {
duration: {
fast: string;
normal: string;
slow: string;
};
easing: {
default: string;
easeOut: string;
easeInOut: string;
};
};
spacing: {
xs: string;
sm: string;
md: string;
lg: string;
xl: string;
};
zIndex: {
drawer: string;
appBar: string;
modal: string;
tooltip: string;
dropdown: string;
};
effects: {
blurSm: string;
blurMd: string;
blurLg: string;
blurXl: string;
};
};
//# sourceMappingURL=sith-theme.d.ts.map