> For the complete documentation index, see [llms.txt](https://docs.satsterminal.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.satsterminal.com/trade/custom-widgets/basic-settings/typography.md).

# Typography

### **Overview**

You can customize colors by using the **Color Selection Panel**, **HEX Codes**, **RGB Codes**, and **Eye Dropper** selection.

<figure><img src="https://satsterminal.gitbook.io/sats-terminal/~gitbook/image?url=https%3A%2F%2F1880084340-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F4IScksOJO01V2XNJnWQQ%252Fuploads%252FMxkpn96WpHFyIWp1StsB%252Fcolor_selection.jpg%3Falt%3Dmedia%26token%3De7a016a0-0b8f-4485-bd30-6b2aa80635bd&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=c77dfc5f&#x26;sv=2" alt=""><figcaption></figcaption></figure>

### **Primary Text Color**

**Primary Text Color** is the color of the number values and Button Color (in Light mode).

<figure><img src="https://satsterminal.gitbook.io/sats-terminal/~gitbook/image?url=https%3A%2F%2F1880084340-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F4IScksOJO01V2XNJnWQQ%252Fuploads%252Fx3LIf5GNZ5ZnCJDPd8J4%252Fprimary_text_color.jpg%3Falt%3Dmedia%26token%3Df16d7416-830d-4fb4-885e-749a58bddda5&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=e0dc99be&#x26;sv=2" alt=""><figcaption></figcaption></figure>

### **Secondary Text Color**

**Secondary Text Color** is the color of the peripheral small text in the widget.

<figure><img src="https://satsterminal.gitbook.io/sats-terminal/~gitbook/image?url=https%3A%2F%2F1880084340-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fspaces%252F4IScksOJO01V2XNJnWQQ%252Fuploads%252FFDE38bOjA9sDKlMe05lJ%252Fsecondary_text_color.jpg%3Falt%3Dmedia%26token%3Dd52e80ce-2ec6-4cca-be70-ee1c7a690544&#x26;width=768&#x26;dpr=4&#x26;quality=100&#x26;sign=f197607&#x26;sv=2" alt=""><figcaption></figcaption></figure>
