Layout Themes
Framework7 comes with 2 main layout themes: Light (default) and Dark:
{{#js_if 'this.theme === "light"'}}
{{/js_if}}
{{#js_if 'this.theme === "dark"'}}
{{/js_if}}
Navigation Bars Style
Switch navigation bars to filled style:
Default Color Themes
Framework7 comes with {{colors.length}} color themes set.
{{#each colors}}
{{/each}}
Custom Color Theme
-
HEX Color
Generated CSS Variables
{{#if customProperties}}
Add this code block to your custom stylesheet:
{{customProperties}}{{else}}
Change navigation bars styles or specify custom color to see custom CSS variables here
{{/if}}