This is the pre-release documentation for gluestack-ui with NativeWind (alpha) version. For @gluestack-ui/themed(stable) documentation, refer to the latest release (v1).
Theming in @gluestack-ui with nativewind is based on the Styled System Theme Specification.

Colors

We recommend adding a palette that ranges from 50 to 900. Tools like JSON Color Palette Generator, Smart Swatch or Palx are available to generate these palettes.
Below are the default color palette tokens provided in the gluestack-ui default config.
primary
0#828282
50#949494
100#9E9E9E
200#B3B3B3
300#C7C7C7
400#E6E6E6
500#F0F0F0
600#FAFAFA
700#FCFCFC
800#FDFDFD
900#FDFCFC
950#FDFCFC
secondary
0#0B0C0C
50#181717
100#272626
200#3F4040
300#515252
400#5E5F5F
500#727373
600#AFB0B0
700#DBDBDB
800#E7E8E8
900#F1F2F2
950#FEFFFF
tertiary
0#543112
50#6C3D13
100#824917
200#B4621A
300#D7751F
400#E78128
500#FB9D4B
600#FDB474
700#FED1AA
800#FFE9D5
900#FFF2E5
950#FFFAF5
error
0#531313
50#7F1D1D
100#991B1B
200#B91C1C
300#DC2626
400#E63535
500#EF4444
600#F87171
700#E63534
800#FECACA
900#FEE2E2
950#FEE9E9
success
0#1B3224
50#14532D
100#166534
200#206F3E
300#2A7948
400#348352
500#489766
600#66B584
700#84D3A2
800#A2F1C0
900#CAFFE8
950#E4FFF4
warning
0#542D12
50#6C3813
100#824417
200#B45A1A
300#D76C1F
400#E77828
500#FB954B
600#FDAD74
700#FECDAA
800#FFE7D5
900#FFF9F5
950#FFFDFB
info
0#032638
50#05405D
100#075A83
200#0973A8
300#0B8DCD
400#0DA6F2
500#32B4F4
600#57C2F6
700#7CCFF8
800#A2DDFA
900#C7EBFC
950#ECF8FE
typography
0#171717
50#262627
100#404040
200#525252
300#737373
400#8C8C8C
500#A3A3A3
600#D4D4D4
700#DBDBDC
800#E5E5E5
900#F5F5F5
950#FEFEFF
white#FFFFFF
gray#D4D4D4
black#181718
outline
0#1A1717
50#272624
100#414141
200#535252
300#737474
400#8C8D8D
500#A5A3A3
600#D3D3D3
700#DDDCDB
800#E6E6E6
900#F3F3F3
950#FDFEFE
background
0#121212
50#272625
100#414040
200#535252
300#747474
400#8E8E8E
500#A2A3A3
600#D5D4D4
700#DCDBDB
800#F2F1F1
900#F6F6F6
950#FEFEFE
error#422B2B
warning#412F23
muted#333333
success#1C2B21
info#1A282E
light#FBFBFB
dark#181719