Themeing

What are themes?

In every widget, you will find a theme folder with a default theme. Duplicate the folder and rename it to your {{theme_name}} For variables and more info about each template please look into the wiki for that widget

Edit the index.html and replace the template name "default" to {{theme_name}} you want

// General Variables
var settings = {
    "websocketURL": "ws://localhost:8080/",
    "template": "{{theme_name}}",

Alter an existing theme

CSS variables

Creating your own theme

Duplicate a theme that comes close to what you want. After that alter CSS and/or the template. Check out the full list of all variables on the wiki.

{{theme_name}}

template.html
css

styles.css