Guidelines

Design
Code
keyboardshortcuts
d
Design
c
Code
,
Previous Section
.
Next Section
/
Toggle Preview Environment
[
Previous Platform
]
Next Platform
command +
Scroll to Top
command +
Scroll to Bottom

Keep icons, type and supporting graphics neutral.

Content colors are semantically named for their hierarchical purpose and corresponding environment.

Web
React Native
Android
Apple
Other

Use the values below.

Light Environment

Color
RGBA / HEX
Variable
19, 41, 63, 1.0$color-le-text-contrast
19, 41, 63, 0.80$color-le-text-default
19, 41, 63, 0.65$color-le-text-subtle
19, 41, 63, 0.4$color-le-text-nonessential
19, 41, 63, 1.0$color-le-icon-contrast
19, 41, 63, 0.80$color-le-icon-default
19, 41, 63, 0.65$color-le-icon-subtle
19, 41, 63, 0.4$color-le-icon-nonessential

Dark Environment

Color
RGBA / HEX
Variable
230, 242, 255, 1.0$color-de-text-contrast
230, 242, 255, 0.80$color-de-text-default
230, 242, 255, 0.65$color-de-text-subtle
230, 242, 255, 0.40$color-de-text-nonessential
230, 242, 255, 1.0$color-de-icon-contrast
230, 242, 255, 0.80$color-de-icon-default
230, 242, 255, 0.65$color-de-icon-subtle
230, 242, 255, 0.40$color-de-icon-nonessential