50 lines
1.6 KiB
Plaintext
50 lines
1.6 KiB
Plaintext
@neutral: #999;
|
|
@dark-neutral: darken(@neutral,10%);
|
|
|
|
:root {
|
|
--bg: #fff;
|
|
--fg: #000;
|
|
--bg2: #eee;
|
|
--darken: rgba(0,0,0,0.1);
|
|
|
|
--nl: lighten(@neutral,25%);
|
|
--n0: @neutral;
|
|
--n1: darken(@neutral,10%);
|
|
--n2: darken(@neutral,20%);
|
|
|
|
/* rainbow colors */
|
|
--y: #b58900;
|
|
--o: #cb4b16;
|
|
--r: #dc322f;
|
|
--m: #d33682;
|
|
--v: #6c71c4;
|
|
--b: #268bd2;
|
|
--c: #2aa198;
|
|
--g: #859900;
|
|
|
|
--accent: var(--b);
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body { filter: invert(100%) hue-rotate(180deg);}
|
|
img,.fill { filter: brightness(80%) invert(100%) ; }
|
|
.msg, .btn, .b, .info, .g, .ok, .y, .warn, .r, .err, .m, .fatal, .o, .v, .c,.alert {
|
|
filter: brightness(90%) invert(100%) hue-rotate(180deg);
|
|
}
|
|
}
|
|
html { background: var(--bg); color: var(--fg); }
|
|
.neutral { color: var(--n0); }
|
|
.bg-neutral { background: var(--nl); }
|
|
a { color: var(--fg); }
|
|
p > a, li > a { color: var(--accent); }
|
|
|
|
.msg, .btn { background-color: var(--bg2) }
|
|
.b, .info { color: var(--bg); background-color: var(--b); border-color: var(--fg); }
|
|
.g, .ok { color: var(--bg); background-color: var(--g); border-color: var(--fg); }
|
|
.y, .warn { color: var(--bg); background-color: var(--y); border-color: var(--fg); }
|
|
.r, .err { color: var(--bg); background-color: var(--r); border-color: var(--fg); }
|
|
.m, .fatal { color: var(--bg); background-color: var(--m); border-color: var(--fg); }
|
|
.o { color: var(--bg); background-color: var(--o); border-color: var(--fg); }
|
|
.v { color: var(--bg); background-color: var(--v); border-color: var(--fg); }
|
|
.c { color: var(--bg); background-color: var(--c); border-color: var(--fg); }
|