style(web/mazenet): tint palette chip with user accent color for contrast
This commit is contained in:
@@ -104,9 +104,12 @@ body.maze-fullscreen .maze-shell {
|
|||||||
}
|
}
|
||||||
.palette-item:active { cursor: grabbing; }
|
.palette-item:active { cursor: grabbing; }
|
||||||
.palette-item .chip-mini {
|
.palette-item .chip-mini {
|
||||||
font-size: 0.68rem; padding: 2px 6px; border: 1px solid var(--border);
|
font-size: 0.68rem; padding: 2px 6px;
|
||||||
|
border: 1px solid var(--accent-tint-30);
|
||||||
|
background: var(--accent-tint-10);
|
||||||
|
color: var(--accent);
|
||||||
letter-spacing: 0.5px; margin-left: auto;
|
letter-spacing: 0.5px; margin-left: auto;
|
||||||
font-family: var(--font-mono); opacity: 0.85;
|
font-family: var(--font-mono); opacity: 1;
|
||||||
}
|
}
|
||||||
.palette-hint {
|
.palette-hint {
|
||||||
font-size: 0.62rem; opacity: 0.5; line-height: 1.6; letter-spacing: 0.5px;
|
font-size: 0.62rem; opacity: 0.5; line-height: 1.6; letter-spacing: 0.5px;
|
||||||
|
|||||||
Reference in New Issue
Block a user