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