Changing colors, fonts, and theme
Two ways to restyle your app: pick a theme from the picker, or describe what you want in chat.
Every OverSkill app has a theme — colors, fonts, button styles, spacing. You can change it two ways.
Option 1 — The theme picker (fastest)
In the editor's top toolbar, click the theme icon (the paint palette). A panel slides out with:
- Color schemes — pre-built palettes you can swap in
- Light / Dark / Auto mode
- Font — choose from a curated list
- Border radius — sharp corners or rounded
- Density — compact / comfortable / spacious
Pick anything, hit Apply. The preview updates instantly. No credits used for theme changes.
Option 2 — Describe what you want (more flexible)
For anything the picker doesn't cover, describe it in chat. The AI is good at design language:
Make the whole app feel more premium — bigger photos, more whitespace, less clutter.
Use a warm, earthy color palette — terracotta, cream, sage green.
Make it look like Notion — clean, lots of whitespace, sans-serif font, sparse UI.
I want a dark gradient hero on the homepage with a single big call-to-action.
What gets changed
Style changes apply to every page in your app automatically. You don't need to ask for update the colors on the Products page too
— that's built in.
Exceptions:
- Custom one-off styling you previously asked for (like
make THIS one button red
) stays unless you explicitly remove it - Images and uploaded assets keep their original colors
Reverting to default
In the theme picker, hit Reset to default. Or in chat:
Reset the theme to default.
A common gotcha
The AI tries hard to balance contrast and accessibility. If you ask for white text on a light yellow background,
it'll politely suggest a darker yellow or a different color so the app stays readable.
What to read next
- Adding a new page to your app — new pages inherit your theme automatically
- Selling your app — paid apps usually deserve a custom theme