---
description: Site administration -> Appearance -> Space -> Customization
---

# Colors

### General

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

1. Body Background Color
2. Border Color (Global)&#x20;
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://2934894637-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FbCvyqQFWjULWnGrw3L3Z%2Fuploads%2FgXUFXIVzxfnpqRy57PtP%2Fmoodle-theme-colors.png?alt=media&#x26;token=e10c7a49-6f2f-44fe-ac3e-8e7fc33ab28b" 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>_
