@magic
@magic-themes
magic themes are themes for magic apps. you decide which theme to load by specifying the theme name in config.THEME
// /config.mjs
export default {
// ...rest of config,
THEME: 'blue',
}
theme load order
themes get loaded from multiple places. last in the list overwrites earlier entries.
// ...default module styles get inserted here
/node_modules/@magic/core/src/themes/THEME/index.mjs
/node_modules/@magic-themes/THEME
/assets/themes/THEME/index.mjs
@magic-themes
below is a collection of the available @magic app themes. all of the themes below are designed to be usable on their own, but they can also be combined if needed.
@magic-themes/docs demo
the @magic documentation theme. used in all @magic docs.
@magic-themes/example demo
a minimal example theme.
@magic-themes/project demo
foundational @magic theme for project presentation.
@magic-themes/slides demo
theme that provides slides for presentations.
@magic-themes/reader demo
a theme designed to provide a reader mode.