Default Config
The default config is set with values such as initialColorMode
used in Color Mode.
Here are the actual set values.
const config: ThemeConfig = {initialColorMode: "light",disableTransitionOnChange: false,var: { prefix: "ui" },breakpoint: "down",}
Property | Description | Default |
---|---|---|
initialThemeScheme | Initial value of the theme used in Switch Themes. | "base" |
initialColorMode | Initial value of the color mode. Accepts light , dark , system . | "light" |
disableTransitionOnChange | Setting to avoid unnecessary movements due to transitions during color mode switching. | false |
breakpoint | Sets the direction of breakpoints for responsive design. "up" for mobile-first using @media(min-width) and "down" for desktop-first using @media(max-width) . | "down" |
var | Setting used for CSS custom properties . | { prefix: "ui" } |
date | Setting used in Calendar and DatePicker. | undefined |
loading | Setting used in Loading. | undefined |
notice | Setting used in Notification. | undefined |
snacks | Setting used in Snacks. | undefined |
motion | Setting used in framer-motion. | undefined |
Edit this page on GitHub