Chrome
Neutral surfaces and ink actions keep product UI quiet.
--surface-0Page and default panel#FFFFFF
--surface-1Raised tool panels#FAFAFA
--fg-1Primary text and active states#0A0A0A
--border-1Default stroke#E4E4E7
Tokens
Token audit surface
Color, type, spacing, radius, shadow, and motion tokens stay inspectable before they are merged into the gluestack theme contract.
Signature
Logo gradients stay reserved for a single brand moment.
--stop-azure-lightLogo and data anchor#07EEFD
--stop-azure-darkLogo and data anchor#0058DC
--stop-sunset-warmLogo and data anchor#F9AB6D
--stop-sunset-indigoInfo link and data anchor#484DFF
Status
Semantic colors are content signals, not chrome.
--status-criticalDestructive and failing states#DC2626
--status-warnRisk and attention states#D97706
--status-successPassed and complete states#059669
--status-infoLinks and neutral information#484DFF
Gluestack
Color mode contract
Light and dark values are exported as NativeWind-ready RGB triplets for `GluestackUIProvider` mode wiring.
light
- --background
- 255 255 255
- --foreground
- 10 10 10
- --primary
- 0 0 0
- --primary-foreground
- 255 255 255
- --border
- 228 228 231
- --ring
- 10 10 10
dark
- --background
- 10 10 10
- --foreground
- 250 250 250
- --primary
- 250 250 250
- --primary-foreground
- 10 10 10
- --border
- 39 39 42
- --ring
- 250 250 250