UI Themes

Create, customize, and ship your own Hypernova UI theme files.

What UI Themes Control

  • Global palette, typography, border, shadow, gradient and semantic status colors.
  • Main menu command center materials, top-right account/inbox/season cards, and action hover states.
  • Full modal systems: Season Pass, Quests, Research, Bounty Board/Market, Inbox, Stats, Highscores, Account.
  • Loadout-specific visuals: ship slot state colors (filled/empty/locked), header strips, inventory wallet cards.
  • Advanced control with advancedCss.variables + advancedCss.rules for premium visual overhauls.

Theme Folder Location

  • Place your finished theme folder in: Documents/Hypernova/themes/<theme-id>/
  • Required file: theme.json
  • Optional logo: logo.png (main menu logo override)

If logo is missing or invalid, Hypernova automatically falls back to the default logo.

Starter Download

Download Default Theme Folder (.zip)

Page Flow

1. Quickstart

Create and load your first custom theme safely.

2. theme.json Reference

Complete token catalog + advanced variables used by official themes.

3. cssRules Reference

Selector targeting patterns by module and state.

4. Advanced Modification

Deep implementation guide using Wormhole and Imperial approaches.

5. Available UI Themes

Official themes, unlock paths, and collection overview.

6. Assets & Logo

Folder structure, logo fallback, and file constraints.

7. Examples

Copy-ready snippets for common production fixes.

8. Troubleshooting

Fix invalid JSON, fallback behavior, and selector conflicts.