In the journey to enhance this website, I found methods to add dark/light mode toggling without using JavaScript (I’ll get to learning it eventually…), only to find out the it’s non-persistent. In other words, the colour change only applied to the current page. The scheme will reset if the page was refreshed or the viewer clicks another page. So the idea had to be scrapped unfortunately.
Instead, I decided to add in device-based colour schemes. So if you’re using a light mode preferring device or hardened browser, you’ll now see a light theme instead of the former dark one. If you enabled dark mode on your machine, the older colour scheme will reappear.
The new light theme isn’t based on some existing theme out there, I just put together a few colours that looked ok. It’s duller than the dark one with less colours overall and a lot more black and white. The dark theme uses Tomorrow Night Eighties, which has a light-equivalent version (Tomorrow). There’s no particular reason why I didn’t use it, I just wasn’t feeling it.
I might change the dark theme to a custom palette later on. IDE colour schemes are nice when you apply them to an actual text editor (my terminal uses Tomorrow Night Eighties), but a website isn’t a text editor. I think websites can be more creative with how they present stuff on a screen, compared to purely monospaced fonts on a terminal emulator.