Skip to content
Peter edited this page Jul 21, 2016 · 1 revision

CATS can be fully customised to meet your preferred look and feel. All the themes are stored in a file called themes.json and this file can be easily changed to add, remove or change themes.

The main things to decide for your theme are the background and the editor and the color theme.

Background

The background of CATS is nothing more than an element on a HTML page. So you have all the flexibility you would have with a normal HTML page which includes:

  1. Give a a plain color. For example "background" : "rgb(100,200,200)"
  2. Give it a gradient using CSS3.
  3. Give is a full image. This can be a local file or any url on the internet of an image (jpg, png or gif)
  4. Give it a pattern image. Again can be a local file or url.

Out of the box CATS comes with some examples you can use as a starting point.

Editor

The editor supports multiple themes, so what color shoudl comments have and what color should be used for reserved words.

Colors

If you choose for example a dark background, it is obvious that black text would be hard to read. That is why as part of your theme you can also select the color theme to use so all the text keeps readable.