kristoferssolo/kristofersxyz
1
0
Fork 0
mirror of https://github.com/kristoferssolo/kristofersxyz.git synced 2026-03-22 00:26:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added color modes properly

Browse Source
This commit is contained in:
Kristofers Solo
2023-01-21 20:07:46 +02:00
parent 205bfdb46c
commit 17476e893e
3 changed files with 66 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
static/main/js/lightmode.js
View File

@@ -1,17 +1,15 @@
$(document).ready(function() {
$(document).ready(function () {
let lightmode = localStorage.getItem("lightmode")
const HTML = $("html")
const AUDIO = $("#flashbang")
const enable_light_mode = () => {
HTML.attr("data-color-mode", "light")
$("meta[name='color-scheme']").attr("content", "light")
localStorage.setItem("lightmode", "enabled")
}
const disable_light_mode = () => {
HTML.attr("data-color-mode", "dark")
$("meta[name='color-scheme']").attr("content", "dark")
localStorage.setItem("lightmode", null)
}
@@ -19,6 +17,24 @@ $(document).ready(function() {
enable_light_mode()
}
window
.matchMedia("(prefers-color-scheme: dark)")
.addEventListener("change", (event) => {
if (event.matches) {
disable_light_mode()
} else {
enable_light_mode()
}
})
// if (window.matchMedia) {
// if (window.matchMedia("(prefers-color-scheme: dark)").matches) {
// disable_light_mode()
// } else {
// enable_light_mode()
// }
// }
$("#color-mode-toggle").click(() => {
lightmode = localStorage.getItem("lightmode")
if (lightmode !== "enabled") {