From 015ed4cfa2db4636e03debcda0d4201f24346098 Mon Sep 17 00:00:00 2001
From: Aiden Bai 白宇彤 <aiden.bai05@gmail.com>
Date: Sun, 03 Jul 2022 02:40:18 +0000
Subject: [PATCH] Fix `width: auto` for SPA routing (#156)
---
assets/js/darkmode.js | 12 ++++++++++--
1 files changed, 10 insertions(+), 2 deletions(-)
diff --git a/assets/js/darkmode.js b/assets/js/darkmode.js
index d95a281..11ce15f 100644
--- a/assets/js/darkmode.js
+++ b/assets/js/darkmode.js
@@ -1,18 +1,26 @@
const userPref = window.matchMedia('(prefers-color-scheme: light)').matches ? 'light' : 'dark'
const currentTheme = localStorage.getItem('theme') ?? userPref
+const syntaxTheme = document.querySelector("#theme-link");
+
+
+{{ $darkSyntax := resources.Get "styles/_dark_syntax.scss" | resources.ToCSS (dict "outputStyle" "compressed") | resources.Fingerprint "md5" | resources.Minify }}
+{{ $lightSyntax := resources.Get "styles/_light_syntax.scss" | resources.ToCSS (dict "outputStyle" "compressed") | resources.Fingerprint "md5" | resources.Minify }}
if (currentTheme) {
document.documentElement.setAttribute('saved-theme', currentTheme);
+ (currentTheme === 'dark') ? syntaxTheme.href = '{{ $darkSyntax.Permalink }}' : syntaxTheme.href = '{{ $lightSyntax.Permalink }}';
}
const switchTheme = (e) => {
if (e.target.checked) {
- document.documentElement.setAttribute('saved-theme', 'dark')
- localStorage.setItem('theme', 'dark')
+ document.documentElement.setAttribute('saved-theme', 'dark');
+ localStorage.setItem('theme', 'dark');
+ syntaxTheme.href = '{{ $darkSyntax.Permalink }}';
}
else {
document.documentElement.setAttribute('saved-theme', 'light')
localStorage.setItem('theme', 'light')
+ syntaxTheme.href = '{{ $lightSyntax.Permalink }}';
}
}
--
Gitblit v1.10.0