Advanced Theming & Design Tokens

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.

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.