Toggle the prism theme when the site theme changes

Sat Apr 12 2025

Tucker McKnight

0e15203ba0e90d7487a957948cc8e3464486148b

darcs pull https://repos.tuckerm.us/repos/eleventy-darcs/branches/main -h 0e15203ba0e90d7487a957948cc8e3464486148b

Before

After

    <link rel="stylesheet" id="prism-theme" type="text/css" href="/prism.css" />

_includes/main.njk:23

Before

        currentTheme = mode

After

        currentTheme = mode === 'auto' ? preferred : mode
        const link = document.getElementById("prism-theme")
        const stylesheet = currentTheme === 'dark' ? "/prism_dark.css" : "/prism.css"
        link.href = stylesheet

_includes/main.njk:35

Before

After

        const link = document.getElementById("prism-theme")
        const stylesheet = isDark ? "/prism_dark.css" : "/prism.css"
        link.href = stylesheet

_includes/main.njk:43

Before

    <link rel="stylesheet" type="text/css" href="/prism.css" />

After

eleventy.config.js:21

Before

After

    "prism_dark.css": "prism_dark.css",