theme
prop of the Provider
component. In the example below we override the default blue primary color to be #000000
:
theme
mappings below to automatically match your existing theme.
<ThemeProvider />
to enable theming such as dark mode, make sure the <Frigade.Provider />
is a child of the <ThemeProvider />
component.
css
prop, as it allows you to create temporary sub-themes that apply only to one Component, e.g.:
color
property:
--fr-colors-neutral-400
, which also corresponds to colors.neutral.400
in the theme object.