import Script from 'next/script' const modeScript = ` const darkModeMediaQuery = window.matchMedia('(prefers-color-scheme: dark)') const updateMode = () => { const isSystemDarkMode = darkModeMediaQuery.matches const isDarkMode = window.localStorage.isDarkMode === 'true' || (!('isDarkMode' in window.localStorage) && isSystemDarkMode) console.log(isSystemDarkMode) if (isDarkMode) { document.documentElement.classList.add('dark') } else { document.documentElement.classList.remove('dark') } if (isDarkMode === isSystemDarkMode) { delete window.localStorage.isDarkMode } } const disableTransitionsTemporarily = () => { document.documentElement.classList.add('[&_*]:!transition-none') window.setTimeout(() => { document.documentElement.classList.remove('[&_*]:!transition-none') }, 0) } const updateModeWithoutTransitions = () => { disableTransitionsTemporarily() updateMode() } updateMode() darkModeMediaQuery.addEventListener('change', updateModeWithoutTransitions) window.addEventListener('storage', updateModeWithoutTransitions) ` export default function CommonHead() { return ( <>