a new start
This commit is contained in:
32
_sass/pro/_dark-mode.scss
Normal file
32
_sass/pro/_dark-mode.scss
Normal file
@@ -0,0 +1,32 @@
|
||||
// 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();
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user