- Copy an existing theme from
client/themes - Add a reference for the new theme file in
client/themeSwitcher.scss"$themes" at the beginning of the file
- open .cards in your favourite IDE
- move to
client/themeSwitcher.scss - find the css-class/id of the element you want to change
- to know what css-class/id you need use the developer tool of your browser and find the element
- search for the attribute you want to change and copy the query
- open up the themes in
client/theme/ - with the help of "Ctrl+F" look for the copied query (without the "$")
- here you can change the set color
- Example: "footer_navigation_background": $default_background,
- If you want to change the color to white write:
- "footer_navigation_background": $white,
- At the beginning of the file you can set new colors with "$query-name: color;"
- query-name: used to set the color later to the element
- color: normal css/scss color attribute
- to change the backgrounds, go to
imports/config/backgrounds.js - create a new background path object or modify an existing one:
- "none" to deactivate the background
- or change the url to a new picture
Backgrounds can be found at public/img/background
- open the server configuration files in the folder
imports/config/serverStyle/style - find the "themes" object
- Add the new theme name and background to the list
- add in the translation files under
i18n/themes/inside the variable "list" the name of the theme as well as the translation