mirror of
https://github.com/awizemann/scarf.git
synced 2026-05-10 18:44:45 +00:00
20 lines
1.4 KiB
HTML
20 lines
1.4 KiB
HTML
|
<!doctype html><html lang="en"><head><meta charset="utf-8"><title>Semantic colors</title>
|
||
|
|
<link rel="stylesheet" href="_preview.css"></head>
|
||
|
|
<body>
|
||
|
|
<div class="card-root">
|
||
|
|
<div class="label">Semantic · status & feedback</div>
|
||
|
|
<div class="row">
|
||
|
|
<div class="swatch light-text" style="background:#2AA876"><div class="name">success</div><div class="hex">#2AA876</div></div>
|
||
|
|
<div class="swatch light-text" style="background:#D9534F"><div class="name">danger</div><div class="hex">#D9534F</div></div>
|
||
|
|
<div class="swatch dark-text" style="background:#F0AD4E"><div class="name">warning</div><div class="hex">#F0AD4E</div></div>
|
||
|
|
<div class="swatch light-text" style="background:#3498DB"><div class="name">info</div><div class="hex">#3498DB</div></div>
|
||
|
|
</div>
|
||
|
|
<div class="row" style="gap:8px;margin-top:4px">
|
||
|
|
<span style="font-size:11px;padding:3px 9px;border-radius:999px;background:#D8F0E5;color:#1F7F5A;font-weight:600">● Running</span>
|
||
|
|
<span style="font-size:11px;padding:3px 9px;border-radius:999px;background:#F8DAD8;color:#B83C38;font-weight:600">● Error</span>
|
||
|
|
<span style="font-size:11px;padding:3px 9px;border-radius:999px;background:#FCEAD0;color:#A8741F;font-weight:600">● Reasoning</span>
|
||
|
|
<span style="font-size:11px;padding:3px 9px;border-radius:999px;background:#D8ECF8;color:#1F70A8;font-weight:600">● Model</span>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</body></html>
|