Parent theme system
Mosaic introduces a concept of "themes"
Create a parent theme
For application to be considered a theme, it must have a package.json
field mosaic.type
equal to theme
{
"mosaic": {
"type": "theme",
"themeAlias": "Parent"
}
}
Use a parent theme
Themes can stack on top of each other. A theme, which another theme is based on, is called a parent theme.
To specify a parent theme, set the package.json
field mosaic.parentTheme
equal to intended parent theme's package name.
If you are selecting a new parent theme, it is not enough to just set the value of mosaic.parentTheme
in package.json
. The parent theme package should be listed among of your package's dependencies
The properly installed parent theme could look like this in package.json
:
{
"name": "@me/child-theme",
"dependencies": {
"@example/parent-theme": "1.0.1"
},
"mosaic": {
"type": "theme",
"parentTheme": "@example/parent-theme"
}
}
A theme can override files of a parent theme. Learn more about overriding a parent theme in the File overrides guide.
Last updated
Was this helpful?