@spark-web/theme
Version:
--- title: Theme isExperimentalPackage: true ---
204 lines (203 loc) • 4.79 kB
TypeScript
export declare const colorPalette: {
neutral: {
'0': string;
'50': string;
'100': string;
'200': string;
'300': string;
'500': string;
'550': string;
'600': string;
'650': string;
'700': string;
'800': string;
};
primary: {
'0': string;
'50': string;
'100': string;
'150': string;
'200': string;
'300': string;
'500': string;
'600': string;
'700': string;
};
secondary: {
'0': string;
'50': string;
'100': string;
'500': string;
'600': string;
'700': string;
};
green: {
'0': string;
'50': string;
'100': string;
'200': string;
'300': string;
'500': string;
'600': string;
'700': string;
};
blue: {
'0': string;
'50': string;
'100': string;
'200': string;
'300': string;
'500': string;
'600': string;
'700': string;
};
red: {
'0': string;
'50': string;
'100': string;
'200': string;
'300': string;
'500': string;
'600': string;
'700': string;
};
yellow: {
'0': string;
'50': string;
'100': string;
'200': string;
'300': string;
'500': string;
'600': string;
'700': string;
};
};
export declare const borderColors: {
neutral: string;
standard: string;
standardInverted: string;
field: string;
fieldHover: string;
fieldAccent: string;
fieldDisabled: string;
primary: string;
primaryHover: string;
primaryActive: string;
secondary: string;
secondaryHover: string;
secondaryActive: string;
accent: string;
accentMuted: string;
caution: string;
cautionMuted: string;
critical: string;
criticalMuted: string;
info: string;
infoMuted: string;
positive: string;
positiveMuted: string;
dark: string;
darkHover: string;
darkActive: string;
};
export declare const colors: {
foreground: {
neutral: string;
neutralInverted: string;
muted: string;
mutedInverted: string;
link: string;
disabled: string;
field: string;
fieldAccent: string;
placeholder: string;
accent: string;
primary: string;
primaryHover: string;
primaryActive: string;
secondary: string;
secondaryHover: string;
secondaryActive: string;
caution: string;
critical: string;
info: string;
positive: string;
};
background: {
muted: string;
disabled: string;
backdrop: string;
body: string;
surface: string;
surfaceMuted: string;
surfacePressed: string;
fieldAccent: string;
input: string;
inputPressed: string;
inputDisabled: string;
accent: string;
accentMuted: string;
neutral: string;
neutralLow: string;
primary: string;
primaryLow: string;
primarySoft: string;
primaryMuted: string;
primaryDark: string;
secondary: string;
secondaryLow: string;
secondaryMuted: string;
caution: string;
cautionLow: string;
cautionMuted: string;
critical: string;
criticalLow: string;
criticalMuted: string;
info: string;
infoLow: string;
infoMuted: string;
positive: string;
positiveLow: string;
positiveMuted: string;
dark: string;
};
status: {
accent: string;
caution: string;
critical: string;
info: string;
neutral: string;
positive: string;
};
};
export declare const interactionColors: {
none: string;
primaryActive: string;
primaryHover: string;
primaryLowHover: string;
primaryLowActive: string;
secondaryActive: string;
secondaryHover: string;
secondaryLowHover: string;
secondaryLowActive: string;
neutralHover: string;
neutralActive: string;
neutralLowHover: string;
neutralLowActive: string;
cautionLowHover: string;
cautionLowActive: string;
criticalActive: string;
criticalHover: string;
criticalLowHover: string;
criticalLowActive: string;
infoLowHover: string;
infoLowActive: string;
positiveHover: string;
positiveActive: string;
positiveLowHover: string;
positiveLowActive: string;
darkHover: string;
darkActive: string;
darkLowHover: string;
darkLowActive: string;
};