Skip to content

Latest commit

 

History

History
64 lines (52 loc) · 4.61 KB

themes.md

File metadata and controls

64 lines (52 loc) · 4.61 KB

Pomotroid Themes

Pomotroid comes with many officially supported themes. You can also add any number of custom themes.

Available Themes

These themes are available by default.

Theme Main App Timer Colors
Andromeda Andromeda theme preview Andromeda theme preview
Ayu Mirage Ayu Mirage theme preview Ayu Mirage theme preview
City Lights City Lights theme preview City Lights theme preview
Dracula Dracula theme preview Dracula theme preview
D.Va D.Va theme preview D.Va theme preview
GitHub GitHub theme preview GitHub theme preview
Graphite Graphite theme preview Graphite theme preview
Gruvbox Gruvbox theme preview Gruvbox theme preview
Monokai Monokai theme preview Monokai theme preview
Nord Nord theme preview Nord theme preview
One Dark Pro One Dark Pro theme preview One Dark Pro theme preview
Pomotroid (default) Pomotroid theme preview Pomotroid theme preview
Popping and Locking Popping and Locking theme preview Popping and Locking theme preview
Solarized Light Solarized Light theme preview Solarized Light theme preview
Spandex Spandex theme preview Spandex theme preview
Sythwave Sythwave theme preview Sythwave theme preview
Tokyo Night Storm Tokyo Night Storm theme preview Tokyo Night Storm theme preview

Creating a Custom Theme

Creating custom themes is simple. Themes are defined by a json file containing a theme name and several color values. Use the theme template file as a starting point.

// theme-template.json
{
  "name": "Theme Name",
  "colors": {
    "--color-long-round": "",
    "--color-short-round": "",
    "--color-focus-round": "",
    "--color-background": "",
    "--color-background-light": "",
    "--color-background-lightest": "",
    "--color-foreground": "",
    "--color-foreground-darker": "",
    "--color-foreground-darkest": "",
    "--color-accent": ""
  }
}

To add your custom theme, copy your theme definition to the themes directory in the appData directory. The location of the appData depends on the operating system.

  • %APPDATA% on Windows
  • $XDG_CONFIG_HOME or ~/.config on Linux
  • ~/Library/Application Support on macOS

For example, add the theme file to the following directory on Windows: C:\Users\{User}\AppData\Roaming\pomotroid\themes

Restart the application to see your new theme available as an option.