# Themes

Four built-in themes, each with a distinct visual identity. Switch instantly via settings or the command palette (`Cmd+K` / `Ctrl+K`).

## Midnight (Default)

Premium tech dark. Deep navy-charcoal with electric blue accents. Glassmorphic sidebar.

![Midnight Theme](../screenshots/theme-midnight.png)

## Dawn

Warm editorial light. Cream backgrounds, soft indigo-violet accents, subtle paper texture.

![Dawn Theme](../screenshots/theme-dawn.png)

## Aurora

Living gradient dark with animated CSS aurora (purple/teal/emerald). Gradient borders, animated input focus rings.

![Aurora Theme](../screenshots/theme-aurora.png)

## Ember

Warm luxury dark. Amber by firelight. Brown-charcoal backgrounds, rich amber glow on focus states.

![Ember Theme](../screenshots/theme-ember.png)

## Visual Details

- Glassmorphism with `backdrop-filter: blur(20px)` on sidebar
- Multi-layered shadows for depth
- Micro-animations: sidebar items shift on hover, buttons glow, modals spring in
- Gradient text effect on welcome heading
- Smooth 0.5s cross-fade transition between themes
- Code block copy button fades in on hover
- Theme persists in `localStorage` across sessions --- no flash on reload
