Themes
Colors used on the page are changed in theme.yml.
If you want to change how the web pages look completely check out Html Customization
Page version: 5.2 build 1068
Default sidebar color or night mode
- Change
DefaultColorintheme.ymlto the name of the color you want to use for the sidebar (The color names are listed in theme.yml). - Change
Display_options.Themein config.yml to"night"if you want the panel to appear in night-mode by default - Reload Plan
- Clear browser cache if you have accessed the page to see default.
Themes
Here is a list of Themes currently available (Click the link to view an image.)
Default:
All colors can be changed, so if you do not like a single color you can set it with the other settings.
If you want a certain themed theme to be created just ask - They're one of the easiest things to implement.
Borrow colors from other Themes
In order to copy colors from another theme:
- Change
Display_options.Themein config.yml to name of a theme you want colors from - Remove the settings you want to copy inside the theme.yml
- Reload Plan
For example:
red: "#Value"
pink: "#Value"
Remove pink:
red: "#Value"
Reload:
red: "#Value"
pink: "#NewValue"
Custom colors
All the settings inside theme.yml accept a Html color code. This means that any setting can be set as any color.
Example:
pink: '#ff75f3'
Changing the Font
The font can also be changed.
By default Nunito is in use. (https://fonts.googleapis.com/css?family=Nunito:400,700,800,900&display=swap&subset=latin-ext)
If you want to use another web font, set FontFamily: '''WebFontName'', sans-serif' and FontStyleSheet: 'linkToFontStyleSheet'
Pie Chart colors
Piecharts require multiple colors so they're all defined in a single row. The colors are placed on worlds in alphabetical order.
Format: '"#0099C6", "#66AA00", "#316395", "#994499", "#22AA99", "#AAAA11", "#6633CC", "#E67300", "#329262", "#5574A6"'