malte70/hugo-paper
1
0
Fork 0
Code Activity

fix prefers-color-scheme check

Browse source
This commit is contained in:
nanxiaobei 2020-08-24 00:52:29 +08:00
parent 917eff9b63
commit c8204f337b
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
layouts/partials/header.html
View file

@ -35,8 +35,12 @@
<!-- Script -->
<script>
function setTheme() {
const time = new Date();
if (window.matchMedia('(prefers-color-scheme: dark)').matches) {
document.body.classList.add('dark');
return;
}
const time = new Date();
const prev = localStorage.getItem('date');
const date = String(time.getMonth() + 1) + '.' + String(time.getDate());
@ -45,14 +49,14 @@
let sunset;
function setBodyClass() {
if (window.matchMedia("(prefers-color-scheme: dark)").matches || now > sunrise && now < sunset) return;
if (now > sunrise && now < sunset) return;
document.body.classList.add('dark');
}
if (date !== prev) {
fetch('https://api.ipgeolocation.io/astronomy?apiKey=5ed37d85103e4defa5df4c5298ed5215')
.then(res => res.json())
.then(data => {
.then((res) => res.json())
.then((data) => {
sunrise = data.sunrise.split(':').map(Number);
sunset = data.sunset.split(':').map(Number);
})