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 jQuery

Browse Source
This commit is contained in:
Kristofers Solo
2023-01-21 14:04:58 +02:00
parent 87424d64d3
commit d977897ccd
2 changed files with 31 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,27 +1,31 @@
let lightmode = localStorage.getItem("lightmode")
const HTML = document.documentElement
const AUDIO = document.getElementById("flashbang")
$(document).ready(function() {
let lightmode = localStorage.getItem("lightmode")
const HTML = $("html")
const AUDIO = $("#flashbang")
const ENABLE_LIGHT_MODE = () => {
HTML.setAttribute("data-color-mode", "light")
localStorage.setItem("lightmode", "enabled")
}
const DISABLE_LIGHT_MODE = () => {
HTML.setAttribute("data-color-mode", "dark")
localStorage.setItem("lightmode", null)
}
if (lightmode === "enabled") {
ENABLE_LIGHT_MODE()
}
document.querySelector("#color-mode-toggle").addEventListener("click", () => {
lightmode = localStorage.getItem("lightmode")
if (lightmode !== "enabled") {
ENABLE_LIGHT_MODE()
AUDIO.play()
} else {
DISABLE_LIGHT_MODE()
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)
}
if (lightmode === "enabled") {
enable_light_mode()
}
$("#color-mode-toggle").click(() => {
lightmode = localStorage.getItem("lightmode")
if (lightmode !== "enabled") {
enable_light_mode()
AUDIO[0].play()
} else {
disable_light_mode()
}
})
})