63 lines
1.7 KiB
Plaintext
63 lines
1.7 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);
|
|
}
|
|
|
|
body.soft { filter: brightness(85%) sepia(25%);}
|
|
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); color: var(--fg); }
|
|
.hl, .msg, .btn, .b, .info, .g, .ok, .y, .warn, .r, .err, .m, .fatal, .o, .v, .c,.alert {
|
|
border-color: var(--fg);
|
|
}
|
|
.hl, .b, .info, .g, .ok, .y, .warn, .r, .err, .m, .fatal, .o, .v, .c,.alert {
|
|
color: var(--bg);
|
|
a { color: var(--bg); }
|
|
}
|
|
|
|
.hl { background-color: var(--fg); }
|
|
.b, .info { background-color: var(--b); }
|
|
.g, .ok { background-color: var(--g); }
|
|
.y, .warn { background-color: var(--y); }
|
|
.r, .err { background-color: var(--r); }
|
|
.m, .fatal { background-color: var(--m); }
|
|
.o { background-color: var(--o); }
|
|
.v { background-color: var(--v); }
|
|
.c { background-color: var(--c); }
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
body { filter: invert(100%) hue-rotate(180deg);}
|
|
body.soft { filter: brightness(85%) sepia(25%) invert(100%) hue-rotate(180deg);}
|
|
img,.fill { filter: brightness(80%) invert(100%) ; }
|
|
.b, .info, .g, .ok, .y, .warn, .r, .err, .m, .fatal, .o, .v, .c,.alert {
|
|
filter: brightness(90%) invert(100%) hue-rotate(180deg);
|
|
}
|
|
}
|