Options to customize styles of Framework 7 v2 components

I would like to know if Framework 7 v2 has provisions to customize the styles (such as colors, font size, margins etc.) of the components. I was unable to find a straightforward way to achieve this in the documentation. Essentially, I am looking for an equivalent to Ionic’s way of achieving this through a list of Sass variables that it exposes.

Customizing colors are described here - http://framework7.io/docs/custom-build.html.

Is custom build the only solution to customizing the styles? I am hoping for a way that will allow me to customize the styles without having to modify the core library build files.

Not until V4 i’m afraid:

CSS variables support to make F7 app styling and theming much easier

https://blog.framework7.io/framework7-v3-is-coming-soon-e327e9c10480#0682

1 Like