Tokenyx • Light Theme
brandPrimary
#8B5CF6
Primary brand color for main CTAs
onBrandPrimary
#000000
Text/icon on primary
brandPrimaryContainer
#DBD5E8
Container for primary elements
onBrandPrimaryContainer
Text on primary container
brandSecondary
#A78BFA
Secondary brand color
onBrandSecondary
Text/icon on secondary
brandSecondaryContainer
#E5E1EF
Container for secondary elements
onBrandSecondaryContainer
Text on secondary container
brandAccent
#FBBF24
Accent color for highlights
onBrandAccent
Text/icon on accent
surfaceBase
#FAFAFA
Base page background
surfaceRaised
#F4F4F5
Raised cards, panels
surfaceOverlay
#EDEDEE
Modals, popovers
surfaceSheet
#EFEFF0
Bottom sheets, drawers
surfaceSunken
#E5E5E6
Inset areas, wells
surfaceInverse
#1A1A1E
Dark surface for contrast
backdropLight
#FFFFFF
Light backdrop overlay
backdropDark
Dark backdrop overlay
scrim
Modal backdrop
shimmer
#F8F8F8
Loading shimmer effect
textPrimary
#121212
Primary text color
textSecondary
#4F4F5A
Secondary/muted text
textDisabled
#9B9BA1
Disabled text
textInverse
#F2F2F2
Text on dark surfaces
success
#1DAF1D
Success state
successSubtle
#E8EEE8
Subtle success background
successContainer
#CBE1CB
Success container
onSuccess
#141F14
Text on success
warning
#E59306
Warning state
warningSubtle
#EEEBE8
Subtle warning background
warningContainer
#E2D9CA
Warning container
onWarning
#1B160E
Text on warning
danger
#D52515
Danger/error state
dangerSubtle
#EEE8E8
Subtle danger background
dangerContainer
#E2CCCA
Danger container
onDanger
#1F1514
Text on danger
info
#1C7FE3
Info state
infoSubtle
#E8EBEE
Subtle info background
infoContainer
#CAD6E2
Info container
onInfo
#14191F
Text on info
borderDefault
#8F8F9B
Default border
borderStrong
#5B5B66
Strong/emphasized border
borderFocus
Focus ring color
borderError
Error state border
borderSuccess
Success state border
borderInverse
Border on dark surfaces
