$app-white-darktheme

#F3F2F1

Primary text—used for headers and base text.

$app-gray-02-darktheme

$app-white-darktheme at 74% opacity (#BEBBB8)

Secondary text—used for labels, subheads, attributions, and icon buttons.

$app-gray-03-darktheme

$app-white-darktheme at 64% opacity (#A19F9D)

Tertiary text—used for message previews and help text.


$app-gray-04-darktheme

$app-white-darktheme at 52% opacity (#8A8886)

Used for timestamps.


$app-gray-06-darktheme

$app-white-darktheme at 36% opacity (#484644)

Used for disabled text.


$app-gray-08-darktheme

$app-white-darktheme at 14% opacity (#3B3A39)

Used for separators, borders, channel dividers, and banner backgrounds.


$app-gray-12-darktheme

$app-white-darktheme at 5% opacity (#201F1E)

Used for header, nav bar, chat bubbles, initial thread, and popups.


$app-black-darktheme

#11100F

Used for canvas background.