No edit summary |
No edit summary |
||
| Line 21: | Line 21: | ||
== Text == | == Text == | ||
<div style="color: | <div style="color:black;"> | ||
<div style="background-color:var(--color-base); width: | <div style="background-color:var(--color-base); width:200px; height:100px">Base</div> | ||
<div style="background-color:var(--color-base--emphasized); width: | <div style="background-color:var(--color-base--emphasized); width:200px; height:100px">Emphasized(Title)</div> | ||
<div style="background-color:var(--color-base--subtle); width: | <div style="background-color:var(--color-base--subtle); width:200px; height:100px">Captions/Subtle</div> | ||
</div> | </div> | ||
Latest revision as of 04:58, 14 January 2024
Accent Colors
Primary
Destructive
Success
Warning
Background Colors
Never use Surface 0, that's reserved for the page background color ONLY.
Surface 0
Surface 1
Surface 2
Surface 3
Surface 4
Text
Base
Emphasized(Title)
Captions/Subtle