ColorScale
constructor(s50: Color, s100: Color, s150: Color, s200: Color, s300: Color, s400: Color, s500: Color, s600: Color, s700: Color, s800: Color, s900: Color)
Parameters
s50
Faintest tint — backgrounds, subtle fills.
s100
Light tint — outgoing bubble background.
s150
Light-mid tint — attachment backgrounds, thread connectors.
s200
Mid-light tint — primary button border, poll track.
s300
Mid-tint — outgoing bubble on-chat border.
s400
Mid-strong — interactive accent (dark theme default).
s500
Core brand — interactive accent (light theme default).
s600
Strong — link text (dark theme).
s700
Darker — reply indicator (dark theme).
s800
Deep — brand depth.
s900
Deepest — outgoing text.