# Advanced Theming & Design Tokens

Learn how to fine-tune base colors, border radiuses, element sizing, and visual effects.

For complete creative control over your website's appearance, the **Advanced Overrides** suite lets you customize underlying design tokens.

## Step 1: Enable Advanced Overrides

In the **Theme & Appearance** settings view, toggle the **Advanced Overrides** switch.

![Advanced Overrides Toggle](/images/guides/advanced-theming/step-1-advanced-toggle.png)

This unlocks four advanced customizer panels:

### 1. Base & Utility Colors
Customize underlying page backgrounds and alert badges:
- **Base 100, 200, 300**: Adjust default page background, card surfaces, and border tones.
- **Utility Alerts**: Set custom colors for Success, Warning, Info, and Error indicators.

### 2. Border Radius
Control the curvature of elements across your site:
- **Box Radius**: Curvature of cards, dialog modals, and alert boxes.
- **Field Radius**: Curvature of buttons, text inputs, and tabs.
- **Selector Radius**: Curvature of badges, checkboxes, and toggles.

### 3. Sizing & Scaling
- Adjust the scale factor for fields and selectors.
- Fine-tune global border width (from `0px` to `4px`) using the interactive range slider.

### 4. Visual Effects
- **Depth Effect**: Adds subtle 3D border shadows to interactive buttons and cards.
- **Noise Overlay**: Layers an organic textured grain over site backgrounds.

Click **Save Changes** in the header to apply your design token updates.