49 lines
No EOL
1.3 KiB
HTML
49 lines
No EOL
1.3 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="../colors_and_type.css">
|
|
<link rel="stylesheet" href="_card.css">
|
|
<style></style>
|
|
</head>
|
|
<body>
|
|
<div class="row">
|
|
|
|
<div class="swatch">
|
|
<div class="chip-color" style="background:#0A0907;"></div>
|
|
<div class="name">--fg-strong</div>
|
|
<div class="val">#0A0907</div>
|
|
</div>
|
|
|
|
<div class="swatch">
|
|
<div class="chip-color" style="background:#1A1814;"></div>
|
|
<div class="name">--fg</div>
|
|
<div class="val">#1A1814</div>
|
|
</div>
|
|
|
|
<div class="swatch">
|
|
<div class="chip-color" style="background:#5A5347;"></div>
|
|
<div class="name">--fg-muted</div>
|
|
<div class="val">#5A5347</div>
|
|
</div>
|
|
|
|
<div class="swatch">
|
|
<div class="chip-color" style="background:#8A8377;"></div>
|
|
<div class="name">--fg-subtle</div>
|
|
<div class="val">#8A8377</div>
|
|
</div>
|
|
|
|
<div class="swatch">
|
|
<div class="chip-color" style="background:#B5AE9F;"></div>
|
|
<div class="name">--fg-faint</div>
|
|
<div class="val">#B5AE9F</div>
|
|
</div>
|
|
|
|
<div class="swatch">
|
|
<div class="chip-color" style="background:#D5CFC2;"></div>
|
|
<div class="name">--rule</div>
|
|
<div class="val">#D5CFC2</div>
|
|
</div>
|
|
</div>
|
|
<div class="legend" style="margin-top:14px">foreground ramp on cream · 6-step warm grey</div>
|
|
</body></html> |