Creating a Theme

If one does not already exist, create a new theme directory in the user data folder.
Windows: %appdata%/Cider/themes
Mac: ~/Library/Application Support/Cider/themes
Linux: ~/.config/Cider/themes
Create a new folder in the themes directory with the name of your theme.
This folder needs to contain the following files:
index.less - The main theme file
theme.json - Contains several properties for your theme
You can clone a starter template from here: Theme Starter Template​
In Cider, select the theme in the settings.
Cider has automatic hot reloading for themes in the userdata folder.
Useful Resources
The default styles.less can be found in: src/renderer/style.less​
​Less.js documentation​

Last modified 9mo ago