{{define "theme-init-head"}}
<script>
(function () {
    try {
        var theme = localStorage.getItem('theme');
        if (theme === 'dark' || theme === 'light') {
            document.documentElement.setAttribute('data-theme', theme);
        }
    } catch (e) {}
})();
</script>
<style id="theme-init-critical">
html { background-color: #e9edf3; color-scheme: light; }
html[data-theme="dark"] { background-color: #1e293b; color-scheme: dark; }
html body { background-color: #e9edf3; }
html[data-theme="dark"] body { background-color: #1e293b; }
html:not(.theme-ready) body,
html:not(.theme-ready) .user-topbar,
html:not(.theme-ready) .user-sidebar,
html:not(.theme-ready) .user-content,
html:not(.theme-ready) .card,
html:not(.theme-ready) .docs-top-nav,
html:not(.theme-ready) .docs-sidebar {
    transition: none !important;
}
</style>
{{end}}