56 lines
No EOL
1.6 KiB
HTML
56 lines
No EOL
1.6 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>
|
|
body { background:#13120F; background-image:
|
|
linear-gradient(to right, rgba(236,231,220,0.04) 1px, transparent 1px),
|
|
linear-gradient(to bottom, rgba(236,231,220,0.04) 1px, transparent 1px);
|
|
background-size:24px 24px; padding:24px; }
|
|
.swatch .name, .swatch .val, .legend { color:#A29B8C !important; }
|
|
.swatch .chip-color { border-color:#2A2620; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="row">
|
|
|
|
<div class="swatch">
|
|
<div class="chip-color" style="background:#13120F;"></div>
|
|
<div class="name">--bg</div>
|
|
<div class="val">#13120F</div>
|
|
</div>
|
|
|
|
<div class="swatch">
|
|
<div class="chip-color" style="background:#1B1E22;"></div>
|
|
<div class="name">--surface</div>
|
|
<div class="val">#1B1E22</div>
|
|
</div>
|
|
|
|
<div class="swatch">
|
|
<div class="chip-color" style="background:#1C1A16;"></div>
|
|
<div class="name">--paper</div>
|
|
<div class="val">#1C1A16</div>
|
|
</div>
|
|
|
|
<div class="swatch">
|
|
<div class="chip-color" style="background:#ECE7DC;"></div>
|
|
<div class="name">--fg</div>
|
|
<div class="val">#ECE7DC</div>
|
|
</div>
|
|
|
|
<div class="swatch">
|
|
<div class="chip-color" style="background:#A29B8C;"></div>
|
|
<div class="name">--fg-muted</div>
|
|
<div class="val">#A29B8C</div>
|
|
</div>
|
|
|
|
<div class="swatch">
|
|
<div class="chip-color" style="background:#2A2620;"></div>
|
|
<div class="name">--rule</div>
|
|
<div class="val">#2A2620</div>
|
|
</div>
|
|
</div>
|
|
<div class="legend" style="margin-top:14px">dark theme · inverted · same hierarchy</div>
|
|
</body></html> |