Themes
Personalize Pomavo with accent color themes and installable full themes, in light, dark, or system mode.
Overview
Pomavo ships with a set of built-in themes and supports additional full themes installed through plugins. Every theme works in light, dark, and system mode. You can switch themes from the sidebar or the header.
Theme Picker
The theme picker dialog presents the available themes, with a live preview as you hover over each option. Select a theme and it applies instantly, no page reload required.
Built-in Themes
Accent themes
Five accent themes are built on a neutral zinc palette. They share the same backgrounds and surfaces and change the primary accent color:
- Blue: Clean and professional
- Green: Fresh and natural
- Orange: Warm and energetic
- Rose: Bold and modern
- Violet: Creative and refined
Named themes
Two full themes ship built in, each with its own background, surface, and accent palette:
- Ayu Mirage: Soft, warm dark theme
- Ayu Dark: Deep, focused dark theme
Plugin Themes
Beyond the built-in themes, full themes can be added by installing theme plugins from the marketplace. Once installed, a plugin theme appears in the theme picker alongside the built-in ones, and it can bring its own color palette and fonts.
Mode Switching
Every theme supports three modes:
- Light: Bright backgrounds, dark text
- Dark: Dark backgrounds, light text
- System: Follows your OS preference
Switching mode recomputes the palette for the active theme.
Technical Implementation
A theme is a set of color tokens. When you pick a theme or switch mode, Pomavo resolves the full palette and writes it as CSS custom properties on the document root, so the change applies instantly across the app with no reload. Because everything is driven by these tokens, themes stay fully compatible with Tailwind CSS v4's design token system.