added soft mode
This commit is contained in:
parent
e15601b0d6
commit
cb938464cb
2 changed files with 11 additions and 8 deletions
2
brut.min.css
vendored
2
brut.min.css
vendored
File diff suppressed because one or more lines are too long
|
@ -25,19 +25,22 @@
|
|||
--accent: var(--b);
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body { filter: brightness(85%) sepia(5%) 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);
|
||||
}
|
||||
}
|
||||
body.soft { filter: brightness(95%) sepia(5%);}
|
||||
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); }
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
body { filter: invert(100%) hue-rotate(180deg);}
|
||||
body.soft { filter: brightness(85%) sepia(5%) 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);
|
||||
}
|
||||
}
|
||||
|
||||
.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); }
|
||||
|
|
Loading…
Reference in a new issue