Color
DS9 uses a primarily greyscale color scheme. Colors listed below are available under all the expected Tailwind prefixes: bg-, text-, etc.
Primary
Background, foreground, and some error colors react to dark mode.
ds9-background
#fff / #000
ds9-foreground
#000 / #fff
ds9-50
#fafafa
ds9-100
#f5f5f5
ds9-200
#eaeaea
ds9-300
#999
ds9-400
#888
ds9-500
#666
ds9-600
#444
ds9-700
#333
ds9-800
#222
ds9-900
#111
Error
ds9-error-lighter
#f7d4d6
ds9-error-light
#ff1a1a
ds9-error
#e00 / #f00
ds9-error-dark
#c50000
Success
ds9-success-lighter
#d3e5ff
ds9-success-light
#3291ff
ds9-success
#0070f3
ds9-success-dark
#0761d1
Warning
ds9-warning-lighter
#ffefcf
ds9-warning-light
#f7b955
ds9-warning
#f5a623
ds9-warning-dark
#ab570a
Cyan
ds9-cyan-lighter
#aaffec
ds9-cyan-light
#79ffe1
ds9-cyan
#50e3c2
ds9-cyan-dark
#29bc9b