big restructure
This commit is contained in:
@@ -1,39 +1,3 @@
|
||||
:root {
|
||||
--badge-success-bg: #e6f6eb;
|
||||
--badge-success-color: #1f6a3a;
|
||||
--badge-success-border: #c9ead3;
|
||||
--badge-danger-bg: #fdecec;
|
||||
--badge-danger-color: #8f2c2c;
|
||||
--badge-danger-border: #f6caca;
|
||||
--badge-info-bg: #e9f0ff;
|
||||
--badge-info-color: #264db3;
|
||||
--badge-info-border: #cbd7ff;
|
||||
--badge-warn-bg: #fff5e6;
|
||||
--badge-warn-color: #9a5a00;
|
||||
--badge-warn-border: #ffd9a6;
|
||||
--badge-neutral-bg: #f2f4f7;
|
||||
--badge-neutral-color: #4a5568;
|
||||
--badge-neutral-border: #e1e6ee;
|
||||
}
|
||||
|
||||
[data-theme="dark"] {
|
||||
--badge-success-bg: #163a2a;
|
||||
--badge-success-color: #8fe0b0;
|
||||
--badge-success-border: #25523c;
|
||||
--badge-danger-bg: #3a1b1b;
|
||||
--badge-danger-color: #f2a3a3;
|
||||
--badge-danger-border: #5b2c2c;
|
||||
--badge-info-bg: #1a253f;
|
||||
--badge-info-color: #9fb6ff;
|
||||
--badge-info-border: #2a3a66;
|
||||
--badge-warn-bg: #3a2a14;
|
||||
--badge-warn-color: #ffd596;
|
||||
--badge-warn-border: #5b401d;
|
||||
--badge-neutral-bg: #222831;
|
||||
--badge-neutral-color: #cbd5e1;
|
||||
--badge-neutral-border: #2f3945;
|
||||
}
|
||||
|
||||
.badge[role="button"],
|
||||
.badge {
|
||||
display: inline-flex;
|
||||
@@ -121,6 +85,22 @@
|
||||
border-color: var(--badge-neutral-border);
|
||||
}
|
||||
|
||||
.badge .badge-color-dot {
|
||||
width: 0.85em;
|
||||
height: 0.85em;
|
||||
border-radius: 999px;
|
||||
display: inline-block;
|
||||
border: 1px solid var(--app-border-color);
|
||||
background: currentColor;
|
||||
box-shadow: 0 0 0 2px var(--app-background-color) inset;
|
||||
flex: 0 0 auto;
|
||||
}
|
||||
|
||||
[data-theme="dark"] .badge .badge-color-dot {
|
||||
border-color: var(--app-border-color);
|
||||
box-shadow: 0 0 0 2px var(--app-background-color) inset;
|
||||
}
|
||||
|
||||
.badge-list {
|
||||
display: flex;
|
||||
gap: 0.35rem;
|
||||
|
||||
Reference in New Issue
Block a user