UI Themes Quickstart

Fast setup path for your first custom theme.

Step-by-Step

  1. Create folder: Documents/Hypernova/themes/my-theme/
  2. Copy baseline theme.json and optional logo.png.
  3. Set unique id, name, and author.
  4. Edit a small set first: primary gradient, menu hover, inbox, premium bars.
  5. Load theme in Account > UI Theme selector and verify each target menu.

Safe First Edits

TokenWhat It ChangesDefaultTry
--ui-menu-main-button-hover-bgHover color for primary menu buttons (for example Launch Run / Open Quests buttons).linear-gradient(135deg, #26dcff, #aa7bff)linear-gradient(135deg, #ff8a4f, #d74a3a)
--ui-menu-inbox-bgBase background of the top-right Inbox button on the main menu.radial-gradient(...)radial-gradient(circle at 20% 20%, rgba(255,122,60,0.4), rgba(40,46,58,0.96))
--ui-premium-resource-pill-fill-missingFill color for premium pass requirement bars when the player does not have enough resources.linear-gradient(90deg, #4ac0ff, #7c5cff)linear-gradient(90deg, #ff8a4f, #d74a3a)

Starter Package

Download Default Theme Folder (.zip)

Next

theme.json Reference

Full token index with default + example values.

Practical Examples

Ready snippets for common customization goals.