Cider Docs
GitHubTwitterWebsite
  • 👋README
  • docs
    • 1.client
      • Disclaimer
      • Troubleshooting FAQs
      • RPC Documentation
    • 2.other
      • Client Protocol Schema
    • 3.legacy-docs
      • 2.compilation
        • Compiling on Linux
        • Compiling on macOS
        • Compiling on Windows
      • 3.legacy-plugins
        • Additional Links
        • REST API
        • Creating a Basic Plugin
        • documentation
        • Frontend API
        • Publishing to GitHub
        • Renderer
        • Unsorted Features
      • 4.themes
        • Available Attributes
        • Publishing to GitHub
        • Theme Definitions (theme.json)
        • Creating a Theme
        • Using Resources in Themes
Powered by GitBook
On this page

Was this helpful?

Edit on GitHub
Export as PDF
  1. docs
  2. 3.legacy-docs
  3. 4.themes

Creating a Theme

PreviousTheme Definitions (theme.json)NextUsing Resources in Themes

Last updated 2 years ago

Was this helpful?

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:

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:

Theme Starter Template
src/renderer/style.less
Less.js documentation