Qubyte • Dark Theme
brandPrimary
#7B61FF
Primary brand color for main CTAs
onBrandPrimary
#000000
Text/icon on primary
brandPrimaryContainer
#292442
Container for primary elements
onBrandPrimaryContainer
#FFFFFF
Text on primary container
brandSecondary
#00BADA
Secondary brand color
onBrandSecondary
Text/icon on secondary
brandSecondaryContainer
#17282B
Container for secondary elements
onBrandSecondaryContainer
Text on secondary container
brandAccent
#E03CF9
Accent color for highlights
onBrandAccent
Text/icon on accent
surfaceBase
#161618
Base page background
surfaceRaised
#202023
Raised cards, panels
surfaceOverlay
#2A2A2D
Modals, popovers
surfaceSheet
#252528
Bottom sheets, drawers
surfaceSunken
#0F0F10
Inset areas, wells
surfaceInverse
#E9E9EC
Dark surface for contrast
backdropLight
#F4F4F5
Light backdrop overlay
backdropDark
Dark backdrop overlay
scrim
Modal backdrop
shimmer
Loading shimmer effect
textPrimary
#F2F2F2
Primary text color
textSecondary
#A9A9B2
Secondary/muted text
textDisabled
#6B6B75
Disabled text
textInverse
#121212
Text on dark surfaces
success
#1EB81E
Success state
successSubtle
#101610
Subtle success background
successContainer
#172917
Success container
onSuccess
#E0EBE0
Text on success
warning
#F9A006
Warning state
warningSubtle
#1A1814
Subtle warning background
warningContainer
#32291B
Warning container
onWarning
#EEE8DD
Text on warning
danger
#E93120
Danger/error state
dangerSubtle
#1B1514
Subtle danger background
dangerContainer
#341E1C
Danger container
onDanger
#EFE7E6
Text on danger
info
#338CE6
Info state
infoSubtle
#15191D
Subtle info background
infoContainer
#1E2A37
Info container
onInfo
#E0E6EB
Text on info
borderDefault
#636372
Default border
borderStrong
#8C8C9C
Strong/emphasized border
borderFocus
Focus ring color
borderError
Error state border
borderSuccess
Success state border
borderInverse
Border on dark surfaces
