# Colors

### General

Site administration -> Appearance -> Scholastica -> 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://content.gitbook.com/content/FXzbdpVhyxdIy0lIThMp/blobs/eXTKMLN0l9QdP0EGKgFE/moodle-theme-colors.png" 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>*