super-productivity/docs/wiki/3.09-Theming.md
Corey Newton 0fad98fe43
docs/wiki content v0.9 (#7116)
* docs: update link from README to Wiki

* docs: refactor from README to Wiki

* docs: refactor README to Wiki
2026-04-09 19:36:23 +02:00

1.2 KiB

Theming

Custom theming is supported on desktop (Electron) only. You load a single custom CSS file that overrides or extends the app's styles.

Built-in Themes

The app ships with several built-in themes that you can select from the settings:

  • Arc
  • Catppuccin Mocha
  • Cyberpunk
  • Dark Base
  • Dracula
  • Everforest
  • Glass
  • Nord Polar Night
  • Nord Snow Storm
  • Rainbow

You can also color-code individual projects and tags with custom primary, accent, and warn colors.

Custom CSS Themes

  • Place a file named styles.css in your user data folder (not in a subfolder). The app loads it at startup and injects it into the renderer.
  • Where that folder is and how to find it: 3.06-User-Data. Invalid CSS may fail to load and is logged.

Resources

  • 3.06-User-Data — User data folder location and styles.css behavior.