# Theme Editor

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

![](/files/-MgCvrwPbeXKWrcwugSs)

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](/language/comments.md) – a text after `//` or between `{}` or `/* */`
* [Labels](/language/data-types.md) – identifiers starting with `@`
* [Variables](/language/data-types/variables.md) – identifiers starting with `$` (global variables), or ending with `@` (local variables)\
  Also the [aDMA](/language/data-types.md) type (starts with `&`) and [arrays](/language/data-types/arrays.md) are highlighted as variables.
* [Keywords](/language/instructions/keywords.md) – the special words stored in the file `keywords.ini` (one for all [edit modes](/edit-modes.md)) 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](/language/instructions/classes.md) – the part of a class command before the `.` character
* [Commands](/language/instructions/classes.md) – the part of a class command after the `.` character, or a [subroutine](/language/data-types.md#labels)
* [Directives ](/language/directives.md)– a command starting with `{$`
* [Constants](/language/data-types/constants.md) – identifiers, declared within the `CONST..END` construct. See also [Semantic highlighting](/editor/options/editor.md#editor-configuration).

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


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.sannybuilder.com/editor/options/theme-editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.