Overview

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 2019-11-22 by SvenAlHamad