lona-picocss comes with a visual theme configurator built-in.
Make sure you installed lona-picocss with debug set to True, and go to /_picocss/settings.
The configurator applies all changes live. After you are done, copy all settings from Compiled Settings into your script, to make your changes permanent.
The default template of lona-picocss has support for a menu at the top. To configure its contents set settings.PICOCSS_NAVIGATION, like in the examples.
When app.settings.PICOCSS_NAVIGATION is or returns an empty list, the menu does not get rendered.
app.settings.PICOCSS_NAVIGATION = [
NavItem(
title='Simple Link',
url='/home',
),
NavItem(
title='Dropdown'
nav_items=[
NavItem(
title='Dropdown Link 1'
url='/dropdown/link-1/',
),
NavItem(
title='Dropdown Link 2'
url='/dropdown/link-2/',
),
]
),
]from lona_picocss import NavItem
def get_navigation(server, reqest):
return [
NavItem(
title='Settings',
url=server.reverse('picocss__settings'),
icon='settings',
),
]
app.settings.PICOCSS_NAVIGATION = get_navigationlona-picocss has support for light and dark themes
lona-picocss has support for a list of different color schemes. All of them can be used with light- and dark theme.
