jake/jarv.is
jake/jarv.is
1
Fork 0
mirror of https://github.com/jakejarvis/jarv.is.git synced 2025-04-27 11:38:28 -04:00
Code Issues

use safer CSS.insertRule instead of innerHTML for dark mode transition hack

Browse Source
This commit is contained in:
Jake Jarvis 2021-09-24 11:22:08 -04:00
parent 081864d091
commit d5088e1982
Signed by: jake
GPG Key ID: 2B0C9CF251E69A39
1 changed files with 7 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
assets/js/src/dark-mode.js
View File

@ -2,13 +2,14 @@ import { init as initDarkMode } from "dark-mode-switcheroo";
// HACK: disable theme transition until user's preference is auto-restored (1/2) // HACK: disable theme transition until user's preference is auto-restored (1/2)
const disableTransitionCSSHack = document.createElement("style"); const disableTransitionCSSHack = document.createElement("style");
disableTransitionCSSHack.innerHTML = `
*,
::before,
::after {
transition-property: none !important;
}`;
document.head.appendChild(disableTransitionCSSHack); document.head.appendChild(disableTransitionCSSHack);
disableTransitionCSSHack.sheet.insertRule(`
*,
::before,
::after {
transition-property: none !important;
}
`);
initDarkMode({ initDarkMode({
toggle: document.querySelector(".dark-mode-toggle"), toggle: document.querySelector(".dark-mode-toggle"),