Themes
All themes
See all themes available on @codesandbox/sandpack-themes and how you can use it
Sandpack Theme Builder
Design and customize your own theme, among other Sandpack presets.
The overall style can be set through the theme
prop. Sandpack offers a set of predefined options, but individual values can be passed to customize the style of your Sandpack
instance.
Standard Themes
Sandpack comes with some predefined themes:
All themes
Besides the included themes, you can also consume a set of themes from @codesandbox/sandpack-themes
, an open-source package that contains many other themes compatible with Sandpack. You can find a list of all themes available on @codesandbox/sandpack-themes. To use a custom theme, you need to import and reference it in your code.
Custom Theme
You can also pass a partial theme object that overrides properties in the
default theme, which is light
.