# Change your store's colours, font and corner radius

In the theme editor, open the **Theme Customizer** (swatch icon in the left rail) to pick a palette or set your own colours, choose one store-wide font, and set the corner radius used by every element.

## Steps

1. Open **Online Store → Theme Settings** and click the swatch-book icon to open the **Theme Customizer**.
2. **Predefined Themes**: click one of the 9 palette swatches (Gray, Blue Light, red and others) to set the whole colour set at once.
3. **Custom Theme**: fine-tune any of the 19 colour pickers — **Primary Color**, **Primary Text Color**, **Secondary Color**, **Secondary Text Color**, **Accent Color**, **Accent Text Color**, **Muted Color**, **Muted Text Color**, **Destructive Color**, **Destructive Text Color**, **Background Color**, **Text Color**, **Card Color**, **Card Text Color**, **Popover Color**, **Popover Text Color**, **Border Color**, **Input Color** and **Ring Color**. Buttons follow the Primary and Secondary colours.
4. **Typography**: search the list of 97 fonts and pick one store-wide font. Fonts marked with an **ar** chip support Arabic (Tajawal, Cairo, Almarai, Amiri, Changa, Noto Sans and others).
5. **Radius**: choose 0, 0.3, 0.5, 0.75 or 1 — this controls the border radius for all elements in your store, including buttons, cards and inputs.
6. **Page Direction**: **LTR** or **RTL** for the whole store.
7. Click **Save**. Theme settings are saved together with the page you are editing, for the language you are editing.

## Common problems

- Want a different font for headings and body text → the customizer sets one font for the store; select a Heading block and change **Font Family** in its **Styles** tab instead.
- Want a dark mode → there is no dark-mode switch; build a dark look with the **Custom Theme** colours (dark **Background Color**, light **Text Color**).
- Arabic text shows in a fallback font → choose a font with the **ar** chip.
- Everything became too round or too square → the **Radius** value applies to every element; pick a middle value such as 0.5, or override one block in its Styles tab.
- Colours differ in another language version of a page → switch the editor language, check, and **Save** again there.

## Related
- [Switch your store to right-to-left (Arabic)](https://help.dropify.shop/en/guides/switch-your-store-to-rtl-arabic/)
- [Style a block: spacing, background, border, shadow, animation](https://help.dropify.shop/en/guides/style-a-block-spacing-background-border-animation/)
- [How to change your store's theme and edit its sections](https://help.dropify.shop/en/store_theme/change-your-store-theme-and-sections/)
- [How to change your storefront's language, including right-to-left (RTL)](https://help.dropify.shop/en/store_theme/change-your-storefront-language-or-rtl/)