Themes

TMCP supports custom themes, and includes a few which you can reference as an example. Themes are made with CSS, and support splitting up your styles into multiple files.

Where to put themes

Themes are located in the themes folder that exists next to the application executable. When you download the program, it will come with this folder inside of the zip file already. You can easily access this folder by clicking on the "Open themes folder" button in the "Extras" section of the settings page.

Each folder inside themes represents a theme, with the structure looking something like this:

themes
└─── theme-name
     ├── config.json
     └── my-theme.css

TMCP will automatically detect themes here on launch, so adding new themes will require you to restart the program.

How to make themes

Every theme must have a config.json file and at least one CSS file. Your config file should look like this:

{
  "name": "My Theme Name",
  "styles": [
    "my-theme.css"
  ]
}

The styles array can hold any number of CSS files as you see fit.

To determine how to write your styles, you'll want to open the developer tools. From there, you can use the inspector to select the elements you want to change and apply temporary styles to experiment. Once you have styles you like, you can commit them to a CSS file in your theme.

If you want to have TMCP recognize your new theme without having to restart, you can click on "Reload TMCP" in the "Extras" section of the settings page.