koffeejava/www.koffeejava.us
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Optimized the dark-mode toggle

Browse Source
This commit is contained in:
Cotes Chung
2020-02-14 23:36:38 +08:00
parent a53afb912f
commit 65040ddd90
5 changed files with 78 additions and 53 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
assets/css/_dark/dark-syntax.scss
View File

@@ -6,7 +6,7 @@
* MIT Licensed
*/
@mixin dark-sheme {
@mixin dark-scheme {
/* syntax highlight colors from https://raw.githubusercontent.com/jwarby/pygments-css/master/monokai.css */
--highlight-pre-bg: #272822;
--highlight-hll-bg: #272822;
@@ -86,13 +86,13 @@
}
@media (prefers-color-scheme: dark) {
html:not(.light-mode) { /* could be html.dark-mode */
@include dark-sheme;
html:not([mode]), html[mode=dark] {
@include dark-scheme;
}
}
@media (prefers-color-scheme: light) {
html.dark-mode {
@include dark-sheme;
html[mode=dark] {
@include dark-scheme;
}
}