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