65 lines
1.8 KiB
Plaintext
65 lines
1.8 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%);
|
|
|
|
--shadow: rgba(0,0,0,0.75);
|
|
|
|
/* alert messages */
|
|
|
|
--cnt: #fff;
|
|
--na: #333;
|
|
--nb: #000;
|
|
}
|
|
|
|
@media (prefers-color-scheme: dark) {
|
|
:root {
|
|
--bg: #000;
|
|
--fg: #ccc;
|
|
--bg2: #333;
|
|
--darken: rgba(255,255,255,0.1);
|
|
|
|
--nl: darken(@dark-neutral,10%);
|
|
--n0: @dark-neutral;
|
|
--n1: lighten(@dark-neutral,10%);
|
|
--n2: lighten(@dark-neutral,20%);
|
|
|
|
--shadow: rgba(200,200,200,0.7);
|
|
|
|
--cnt: #000;
|
|
--na: #eee;
|
|
--nb: #fff;
|
|
}
|
|
}
|
|
|
|
.info { filter: sepia(100%) hue-rotate(120deg) contrast(120%) saturate(3); }
|
|
.ok { filter: sepia(100%) hue-rotate(40deg) contrast(120%) saturate(3); }
|
|
.warn { filter: sepia(100%) hue-rotate(0deg) contrast(120%) saturate(3); }
|
|
.err { filter: sepia(100%) hue-rotate(310deg) contrast(120%) saturate(3); }
|
|
.fatal { filter: sepia(100%) hue-rotate(270deg) contrast(120%) saturate(3); }
|
|
|
|
.alert { filter: invert(100%); }
|
|
.alert.info { filter: sepia(100%) hue-rotate(0deg) brightness(80%) contrast(140%) saturate(3) invert(100%); }
|
|
.alert.ok { filter: sepia(100%) hue-rotate(270deg) brightness(80%) contrast(140%) saturate(3) invert(100%); }
|
|
.alert.warn { filter: sepia(100%) hue-rotate(180deg) brightness(60%) contrast(180%) saturate(3) invert(100%); }
|
|
.alert.err { filter: sepia(100%) hue-rotate(140deg) brightness(100%) contrast(150%) saturate(3) invert(100%); }
|
|
.alert.fatal { filter: sepia(100%) hue-rotate(80deg) brightness(80%) contrast(150%) saturate(3) invert(100%); }
|
|
|
|
.alert img { filter: none; }
|
|
|
|
.neutral { color: var(--n0); }
|
|
.bg-neutral { background: var(--nl); }
|
|
|
|
a { color: var(--fg); }
|
|
|