Updated Themes (markdown)

Risto Lahtela 2021-03-10 10:59:16 +02:00
parent 01c20a0c0d
commit 75b079d741
1 changed files with 15 additions and 14 deletions

@ -1,17 +1,22 @@
![Plan Header](http://puu.sh/AXSg7/5f2f78c06c.jpg)
![Plan Header](https://puu.sh/AXSg7/5f2f78c06c.jpg)
# Themes
New html in 4.1.0 required a new theme system.
In the new system colors are changed in theme.yml.
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: **4.3.2**
Page version: **5.2 build 1068**
- [Default theme.yml](https://github.com/plan-player-analytics/Plan/blob/master/Plan/common/src/main/resources/assets/plan/themes/theme.yml)
## Default sidebar color or night mode
- Change `DefaultColor` in `theme.yml` to the name of the color you want to use for the sidebar (The color names are listed in theme.yml).
- Change `DefaultColor`to `"night"` if you want the panel to appear in night-mode by default
## Themes
Here is a list of Themes currently available in version 4.1.1. (Click the link to view an image.)
Here is a list of Themes currently available (Click the link to view an image.)
Default:
![Default](https://puu.sh/yxWTt/1965c90d0b.jpg)
@ -25,15 +30,12 @@ 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.
Looking for the color codes?
- [Theme enum](https://github.com/Rsl1122/Plan-PlayerAnalytics/blob/master/Plan/src/main/java/com/djrapitops/plan/systems/webserver/theme/Theme.java)
## Borrow colors from other Themes
In order to copy colors from another theme:
- Change Theme.Base in config.yml to name of a theme you want colors from
- Change `Display_options.Theme` in config.yml to name of a theme you want colors from
- Remove the settings you want to copy inside the theme.yml
- /plan reload the plugin
- Reload Plan
For example:
```
@ -61,9 +63,8 @@ This means that any setting can be set as any color.
## Changing the Font
The font can also be changed.
By default Roboto is in use. (`https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic-ext`)
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 the Verdana font (Used in 3.6.4), set `FontFamily: 'Verdana, sans-serif'` and `FontStyleSheet: ''`
If you want to use another web font, set `FontFamily: '''WebFontName'', sans-serif'` and `FontStyleSheet: 'linkToFontStyleSheet'`
## Pie Chart colors
@ -71,4 +72,4 @@ If you want to use another web font, set `FontFamily: '''WebFontName'', sans-ser
Piecharts require multiple colors so they're all defined in a single row.
The colors are placed on worlds in alphabetical order.
Format: `'"#000000", "#111"'`
Format: `'"#0099C6", "#66AA00", "#316395", "#994499", "#22AA99", "#AAAA11", "#6633CC", "#E67300", "#329262", "#5574A6"'`