# Typography

**OVERVIEW**

You can customize colors by using the <mark style="color:orange;">**Color Selection Panel**</mark>, <mark style="color:orange;">**HEX Codes**</mark>, <mark style="color:orange;">**RGB Codes**</mark>, and <mark style="color:orange;">**Eye Dropper**</mark> selection.

<figure><img src="https://278174896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpH7f7qBXjb57cdLvfyxr%2Fuploads%2FBslUkNVEYP0SFyIH6x22%2Fcolor_selection.jpg?alt=media&#x26;token=21db8bac-7bb9-4d3c-a644-93aad53bcc76" alt=""><figcaption></figcaption></figure>

**PRIMARY TEXT COLOR**

<mark style="color:orange;">**Primary Text Color**</mark> is the color of the number values and Button Color (in Light mode).

<figure><img src="https://278174896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpH7f7qBXjb57cdLvfyxr%2Fuploads%2FWCWSHyb0no1xhqWaE3E7%2Fprimary_text_color.jpg?alt=media&#x26;token=b4b34e12-2fa8-423f-a63f-83a024bb11da" alt=""><figcaption></figcaption></figure>

**SECONDARY TEXT COLOR**

<mark style="color:orange;">**Secondary Text Color**</mark> is the color of the peripheral small text in the widget.

<figure><img src="https://278174896-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FpH7f7qBXjb57cdLvfyxr%2Fuploads%2F9mzKf5Q8dLFw1gIVL13S%2Fsecondary_text_color.jpg?alt=media&#x26;token=25e00443-0e40-4c7c-9065-8ef54d894b7c" alt=""><figcaption></figcaption></figure>