# Theme Editor

Theme Editor is a new built-in tool that replaces syntax highlighting options. It can be launched from the [Editor](https://docs.sannybuilder.com/editor/editor#color-theme) tab.

![](https://1379927860-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-M0dALM7uq5_eDYhSBjl-1972196547%2Fuploads%2Fgit-blob-a794d2b011d7b7164ddbdc5f1554157dd672e488%2Ftheme-editor-en.PNG?alt=media)

Theme configuration includes colors and style for interface and code elements.

Each element has 3 properties: `Foreground`, `Background`, and `Style`. Some properties can be unavailable for certain elements.\
Available `style` elements are: **B** – bold, **I** – italic, **U** – underlined.

### **Interface Elements**

* **Editor** – text color and background of the main editing area
* **Active Line** – a line where the cursor is
* **Gutter** – area to the left of the editor
* **Bottom Panel** – status bar at the bottom of the editor
* **Bottom Panel Border** – color of section borders in the bottom panel

### Code elements

* [Comments](https://docs.sannybuilder.com/language/comments) – a text after `//` or between `{}` or `/* */`
* [Labels](https://docs.sannybuilder.com/language/data-types) – identifiers starting with `@`
* [Variables](https://docs.sannybuilder.com/language/data-types/variables) – identifiers starting with `$` (global variables), or ending with `@` (local variables)\
  Also the [aDMA](https://docs.sannybuilder.com/language/data-types) type (starts with `&`) and [arrays](https://docs.sannybuilder.com/language/data-types/arrays) are highlighted as variables.
* [Keywords](https://docs.sannybuilder.com/language/instructions/keywords) – the special words stored in the file `keywords.ini` (one for all [edit modes](https://docs.sannybuilder.com/edit-modes)) and a file`keywords.txt` (one per edit mode)
* Numbers – integer and floating-point numbers
* Strings – a text between double quotes `" "` or single quotes `' '`
* Models – identifiers starting with `#`
* [Classes](https://docs.sannybuilder.com/language/instructions/classes) – the part of a class command before the `.` character
* [Commands](https://docs.sannybuilder.com/language/instructions/classes) – the part of a class command after the `.` character, or a [subroutine](https://docs.sannybuilder.com/language/data-types#labels)
* [Directives ](https://docs.sannybuilder.com/language/directives)– a command starting with `{$`
* [Constants](https://docs.sannybuilder.com/language/data-types/constants) – identifiers, declared within the `CONST..END` construct. See also [Semantic highlighting](https://docs.sannybuilder.com/editor/editor#editor-configuration).

{% hint style="info" %}
The highlighting configuration is also used when the code source is saved into the `RTF` or `HTML` formats.
{% endhint %}