Posted on
1 minute to read
New themes!
I'm trying to make this a more playful and experimental space, so I've added some silly colour themes to the site. Don't miss "Geocities" mode.
There are six themes available:
- Default - a light, utilitarian theme
- Midnight - tuned for people who like to embrace the darkness
- Barbie - pink, cheery, fun!
- Bass - a nod to Saul Bass, the great graphic designer of movie posters
- Geocities - a tribute to the early days of website design
- Mondrian - inspired by abstract act.
- La La Land - taking colours from the modern musical masterpiece.
Each theme implements its own colour scheme and logomark. The themes are defined using CSS variables, and the logomarks tend to use their own custom bit of CSS. Custom fonts are loaded in for a few themes, like for "Bass" and "Geocities".
The theme switcher is aware of the "prefers-color-scheme" media feature to automatically set the site to the light or dark mode depending on your browser preferences. It also uses a small amount of localStorage to remember your settings should you select a theme and return later.
I'm working on some more themes, so stay tuned.