In this section we'll dive deeper into the theme configuration file, the sections inside, and what are their roles.

It's best to follow this article by viewing the default theme configuration file found under my-project/packages/theme/src/index.js or here on github.

Configuration overview

The configuration file is structured in several sections like so:

layouts: [
// defines a list of layouts for webiny page builder
forms: {
// layouts for webiny form builder (optional)
colors: {
// defines a list of default colors
elements: {
// defines element settings
typography: {
// defines typography styles

In the next set of pages, we'll explore each of those sections in a bit more detail.

Last updated on by SvenAlHamad