49 lines
828 B
Plaintext
49 lines
828 B
Plaintext
@neutral: #999;
|
|
@dark-neutral: darken(@neutral,10%);
|
|
|
|
:root {
|
|
--bg: #fff;
|
|
--fg: #000;
|
|
--bg2: #eee;
|
|
--darken: rgba(0,0,0,0.1);
|
|
|
|
--cn-1: lighten(@neutral,25%);
|
|
--cn0: @neutral;
|
|
--cn1: darken(@neutral,5%);
|
|
--cn2: darken(@neutral,10%);
|
|
|
|
--shadow: rgba(0,0,0,0.75);
|
|
|
|
|
|
/* alert messages */
|
|
|
|
--cnt: #fff;
|
|
--cna: #333;
|
|
--cnab: #000;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--bg: #000;
|
|
--fg: #ccc;
|
|
--bg2: #333;
|
|
--darken: rgba(255,255,255,0.1);
|
|
|
|
--cn-1: darken(@dark-neutral,10%);
|
|
--cn0: @dark-neutral;
|
|
--cn1: lighten(@dark-neutral,5%);
|
|
--cn2: lighten(@dark-neutral,10%);
|
|
|
|
--shadow: rgba(128,128,128,0.3);
|
|
|
|
--cnt: #000;
|
|
--cna: #eee;
|
|
--cnab: #fff;
|
|
}
|
|
}
|
|
|
|
.neutral { color: var(--cn-0); }
|
|
.bg-neutral { background: var(--cn-1); }
|
|
|
|
a { color: var(--fg); }
|