Aurora Tokens

The aurora token group defines the deep-space dark aesthetic inspired by the aurora-pdf design language. Aurora green (#00ff88) is the primary brand color; nebula purple (#7c3aed) is the accent.

Usage

import { aurora } from '@stareezy-ui/tokens'

// Access token values
aurora.auroraGreen.value  // "#00ff88"
aurora.deepSpace.value    // "#050505"
aurora.nebulaPurple.value // "#7c3aed"

// Use in createUi themes
const ui = createUi({
  themes: { aurora: themes.aurora }
})

Token Reference

#050505

aurora-deepSpace

Primary background — deepest dark

#00ff88

aurora-auroraGreen

Primary brand color — aurora green accent

#ffffff

aurora-starWhite

Primary text on dark backgrounds

#7c3aed

aurora-nebulaPurple

Secondary accent — nebula purple

#1a1a2e

aurora-cosmicGray

Surface-2 / elevated containers

#0a0a1a

aurora-surfaceDark

Card and panel backgrounds

#2a2a3e

aurora-borderSubtle

Subtle borders and dividers

#888888

aurora-textMuted

Muted / placeholder text

#aaaaaa

aurora-textSecondary

Secondary body text

#ff4444

aurora-errorRed

Error states and danger indicators

#f59e0b

aurora-warningAmber

Warning states and caution indicators

Dark / Light Variants

The aurora token group ships with first-class dark and light variants via auroraVariants. The dark variant is the base aurora palette. The light variant provides accessible light-mode equivalents.

import { auroraVariants, getVariant } from '@stareezy-ui/tokens'

const darkTokens = getVariant(auroraVariants, 'dark')
const lightTokens = getVariant(auroraVariants, 'light')

darkTokens.deepSpace.value  // "#050505"
lightTokens.deepSpace.value // "#f4f4f8"