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_MENU, like in this example.
When app.settings.PICOCSS_MENU is set to an empty list, the menu does not get rendered.
app.settings.PICOCSS_MENU = [
['Simple Link', '/home'],
['Dropdown', [
['Dropdown Link 1', '/dropdown/link-1/'],
['Dropdown Link 1', '/dropdown/link-1/'],
]],
['Reverse URL', '!picocss__settings'],
]lona-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.
