Dynamic offers beautiful themes in both light, dark, or auto themes with the ability to customize the colors and styles to your liking, all through your developer dashboard.
Simply go to the design page in your dashboard and toggle from the current list of settings (more customizations will be coming soon).
You can toggle between:
You can manage light and dark mode in three different ways depending on your use case:
You can set your theme in our Dashboard, under the “Style” heading, where you see the toggle for “Light” or “Dark”.
While you can set your theme in our Dashboard, many sites support users switching between light and dark theme and it’s important that our SDK updates to match the theme of the site.
You can update whether you want to show the Light or Dark theme to customers by passing a prop to DynamicContextProvider with theme
:
The root element of your application (perhaps body
) will have a data-dynamic-theme variable set. You can override this at any time to adjust the theme to light or dark mode. There is also an “auto” value which will adapt to whatever is set in prefers-color-scheme
.
Dynamic offers beautiful themes in both light, dark, or auto themes with the ability to customize the colors and styles to your liking, all through your developer dashboard.
Simply go to the design page in your dashboard and toggle from the current list of settings (more customizations will be coming soon).
You can toggle between:
You can manage light and dark mode in three different ways depending on your use case:
You can set your theme in our Dashboard, under the “Style” heading, where you see the toggle for “Light” or “Dark”.
While you can set your theme in our Dashboard, many sites support users switching between light and dark theme and it’s important that our SDK updates to match the theme of the site.
You can update whether you want to show the Light or Dark theme to customers by passing a prop to DynamicContextProvider with theme
:
The root element of your application (perhaps body
) will have a data-dynamic-theme variable set. You can override this at any time to adjust the theme to light or dark mode. There is also an “auto” value which will adapt to whatever is set in prefers-color-scheme
.