33 lines
670 B
SCSS
33 lines
670 B
SCSS
|
// Copyright (c) 2019 Florian Klampfer <https://qwtel.com/>
|
||
|
|
|
||
|
|
#_dark-mode {
|
||
|
|
font-size: 1.25rem;
|
||
|
|
}
|
||
|
|
|
||
|
|
@mixin dark-mode() {
|
||
|
|
--body-color: #ccc;
|
||
|
|
--body-bg: var(--dark-mode-body-bg);
|
||
|
|
--border-color: var(--dark-mode-border-color);
|
||
|
|
--gray: rgba(255,255,255,.5);
|
||
|
|
--gray-bg: rgba(255,255,255,.033);
|
||
|
|
--gray-text: rgba(255,255,255,.625);
|
||
|
|
--menu-text: rgba(255,255,255,.25);
|
||
|
|
--inv-body-color: #{$body-color};
|
||
|
|
--inv-body-bg: #{$body-bg};
|
||
|
|
|
||
|
|
.content {
|
||
|
|
-webkit-font-smoothing: antialiased;
|
||
|
|
-moz-osx-font-smoothing: grayscale;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
@media screen {
|
||
|
|
body, body.light-mode {
|
||
|
|
@include light-mode();
|
||
|
|
}
|
||
|
|
|
||
|
|
body.dark-mode {
|
||
|
|
@include dark-mode();
|
||
|
|
}
|
||
|
|
}
|