Skip to main content

Interface: DefaultThemeConfig

Defined in: shared/types/themeConfig.ts:171

Interface for default theme configuration values.

Properties​

animation​

readonly animation: { duration: { fast: string; normal: string; slow: string; }; easing: { easeIn: string; easeInOut: string; easeOut: string; linear: string; }; }

Defined in: shared/types/themeConfig.ts:173

Default animation configuration

duration​

duration: { fast: string; normal: string; slow: string; }

duration.fast​

fast: string

duration.normal​

normal: string

duration.slow​

slow: string

easing​

easing: { easeIn: string; easeInOut: string; easeOut: string; linear: string; }

easing.easeIn​

easeIn: string

easing.easeInOut​

easeInOut: string

easing.easeOut​

easeOut: string

easing.linear​

linear: string

borderRadius​

readonly borderRadius: { full: string; lg: string; md: string; none: string; sm: string; xl: string; }

Defined in: shared/types/themeConfig.ts:187

Default border radius configuration

full​

full: string

lg​

lg: string

md​

md: string

none​

none: string

sm​

sm: string

xl​

xl: string

components​

readonly components: { button: { borderRadius: string; fontSize: string; fontWeight: number; padding: string; }; card: { borderRadius: string; padding: string; shadow: string; }; input: { borderRadius: string; fontSize: string; padding: string; }; modal: { backdropColor: string; borderRadius: string; shadow: string; }; }

Defined in: shared/types/themeConfig.ts:196

Default component configuration

button​

button: { borderRadius: string; fontSize: string; fontWeight: number; padding: string; }

button.borderRadius​

borderRadius: string

button.fontSize​

fontSize: string

button.fontWeight​

fontWeight: number

button.padding​

padding: string

card​

card: { borderRadius: string; padding: string; shadow: string; }

card.borderRadius​

borderRadius: string

card.padding​

padding: string

card.shadow​

shadow: string

input​

input: { borderRadius: string; fontSize: string; padding: string; }

input.borderRadius​

borderRadius: string

input.fontSize​

fontSize: string

input.padding​

padding: string

modal: { backdropColor: string; borderRadius: string; shadow: string; }

modal.backdropColor​

backdropColor: string

modal.borderRadius​

borderRadius: string

modal.shadow​

shadow: string

shadows​

readonly shadows: { lg: string; md: string; none: string; sm: string; xl: string; }

Defined in: shared/types/themeConfig.ts:220

Default shadow configuration

lg​

lg: string

md​

md: string

none​

none: string

sm​

sm: string

xl​

xl: string

spacing​

readonly spacing: { lg: string; md: string; sm: string; xl: string; xs: string; xxl: string; xxs: string; }

Defined in: shared/types/themeConfig.ts:228

Default spacing configuration

lg​

lg: string

md​

md: string

sm​

sm: string

xl​

xl: string

xs​

xs: string

xxl​

xxl: string

xxs​

xxs: string

typography​

readonly typography: { fontFamily: { body: string; heading: string; mono: string; }; fontSize: { body: string; caption: string; h1: string; h2: string; h3: string; h4: string; h5: string; h6: string; large: string; small: string; }; fontWeight: { bold: number; light: number; medium: number; normal: number; semibold: number; }; lineHeight: { body: string; heading: string; tight: string; }; }

Defined in: shared/types/themeConfig.ts:238

Default typography configuration

fontFamily​

fontFamily: { body: string; heading: string; mono: string; }

fontFamily.body​

body: string

fontFamily.heading​

heading: string

fontFamily.mono​

mono: string

fontSize​

fontSize: { body: string; caption: string; h1: string; h2: string; h3: string; h4: string; h5: string; h6: string; large: string; small: string; }

fontSize.body​

body: string

fontSize.caption​

caption: string

fontSize.h1​

h1: string

fontSize.h2​

h2: string

fontSize.h3​

h3: string

fontSize.h4​

h4: string

fontSize.h5​

h5: string

fontSize.h6​

h6: string

fontSize.large​

large: string

fontSize.small​

small: string

fontWeight​

fontWeight: { bold: number; light: number; medium: number; normal: number; semibold: number; }

fontWeight.bold​

bold: number

fontWeight.light​

light: number

fontWeight.medium​

medium: number

fontWeight.normal​

normal: number

fontWeight.semibold​

semibold: number

lineHeight​

lineHeight: { body: string; heading: string; tight: string; }

lineHeight.body​

body: string

lineHeight.heading​

heading: string

lineHeight.tight​

tight: string