41 lines
1.0 KiB
CSS
41 lines
1.0 KiB
CSS
@define-color jarvis_gold #F4B942;
|
|
@define-color jarvis_gold_bright #FFE09A;
|
|
@define-color jarvis_signal #4FD2FF;
|
|
@define-color jarvis_ink #0B0E14;
|
|
@define-color jarvis_slate #16191F;
|
|
@define-color accent_color @jarvis_gold;
|
|
@define-color accent_bg_color @jarvis_gold;
|
|
@define-color accent_fg_color @jarvis_slate;
|
|
|
|
.jarvis-brand-name {
|
|
font-weight: 800;
|
|
letter-spacing: 0.6px;
|
|
}
|
|
|
|
.jarvis-brand-tagline {
|
|
font-size: 12px;
|
|
}
|
|
|
|
button.jarvis-swatch {
|
|
min-width: 24px;
|
|
min-height: 24px;
|
|
padding: 0;
|
|
border-radius: 999px;
|
|
border: 1px solid alpha(#ffffff, 0.22);
|
|
}
|
|
|
|
button.jarvis-swatch-gold { background: #F4B942; }
|
|
button.jarvis-swatch-signal { background: #4FD2FF; }
|
|
button.jarvis-swatch-copper { background: #E07A3D; }
|
|
button.jarvis-swatch-jade { background: #3DDC97; }
|
|
button.jarvis-swatch-rose { background: #F071A8; }
|
|
|
|
button.jarvis-swatch:hover {
|
|
border-color: alpha(#ffffff, 0.55);
|
|
}
|
|
|
|
button.jarvis-swatch:checked,
|
|
button.jarvis-swatch:active {
|
|
box-shadow: 0 0 0 2px @jarvis_ink, 0 0 0 4px @jarvis_gold;
|
|
}
|