Theme Editor Configuration
You can configure the theme editor with the config/theme-config.json file.
You can configure the following:
- Disable the font and color palettes.
- Configure the viewports.
- Disable the theme preview. This would mean that only the fields show and not the real-time preview.
Example file
Below is an example configuration file.
{
"preview": {
"enabled": true,
"viewports": [
{
"label": "Phones",
"height": 800,
"width": 576
},
{
"label": "Tablets",
"height": 800,
"width": 768
},
{
"label": "Large Tablets",
"height": 800,
"width": 1024
},
{
"label": "Desktops",
"height": 800,
"width": 1280
},
{
"label": "Large Desktops"
}
]
}
}Disabling the theme palettes
By default the color and font palettes are enabled. You can disable them with the theme-config.json file.
To hide the palettes, include this in the configuration file:
{
"colorPalette": false,
"fontPalette": false,
"fontsAvailable": false
}