# Colors

### General

Site administration -> Appearance -> Space -> Customization -> General

1. Body Background Color
2. Border Color (Global) 
3. **Button Border Radius (px):** Make edits to adjust the roundness of buttons, forms, and other elements.

### **Text Colors**

Compatible with WCAG Principles. Change only when you really need to.

#### Available options

* Text Color
* Text Color (Secondary)
* Text Color (Light)
* Link Color
* Link Color (Hover)

### UI Colors

<figure><img src="https://1517109349-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FAEb2xvTC9MyvJ5piB0eJ%2Fuploads%2FNwYxVx5v48luOHItAuA8%2Fmoodle-theme-colors.png?alt=media&#x26;token=05ace96a-d5b5-43a7-8130-718865f00dd7" alt=""><figcaption></figcaption></figure>

### Primary Color

To generate automatically the color palette just set up the **"Main Theme Color - 600".**  \
Add a custom HEX color value to the field if you want to change any color from the palette.\
\&#xNAN;*<mark style="background-color:yellow;">Regarding: Primary buttons, top bar navigation, and all other essential UI elements.</mark>*

###

### Grays

I used gray shades compatible with WCAG Principles. Change only when you really need to.\
\&#xNAN;*<mark style="background-color:yellow;">Regarding: Interface elements such as secondary buttons, borders, shades, and other components designed with shades of gray.</mark>*