I have been planning to refresh the look of my blog for quite some time now. I, finally, managed to get the things changed a bit today.
The biggest change was the addition of the theme switcher — if you don’t want to read with a light background, you can change the whole theme with a toggle at the top-right corner. I haven’t made it any fancier than it needs to be, it is a plain simple round button.
I was a bit hesitant for a long time to put a manual theme switcher on the home page. I thought anyone can already change the way they read the content with the reader mode of the browser. However, what’s the fun in that. Plus I never found that one perfect mode I liked across the devices and browsers. So I decided to include one that at least I would enjoy reading right here.
I have also added the support for
prefers-color-scheme media query to future proof it against the upcoming system-wide (iOS, Android, macOS, Windows) dark mode preference – no manual toggle for you if you are on a dark mode on your system. I haven’t tested this thoroughly yet though. I will continue to experiment with this further.
I am very picky with the fonts and the colors I choose across the site. So I did not want to touch the existing setup till I was sure I had enough time to get this done properly.