- Svelte Darkmode CSS is for the https://svelte.dev/docs website.
- The edits in
svelte-docs-dark.css
are created for inheritence overwrite. svelte-logo-horizontal.svg
is edited for use in the darkmode.
svelte-darkmode-css.user.js
contains the css and svg images in a single file userscript format.- the userscript injects the css and pins the light/dark button at the top left of the page.
- I'm using Tampermonkey userscript host in Firefox.
- first install the Tampermonkey browser plugin
- then open svelte-darkmode-css.user.js and Tampermonkey will open a browser window with prompts to install the script.
- After that navigate to the https://svelte.dev/docs website.