SoaPatrick

Chose your own Theme

Now that was a productive day, I kinda feel sad though that I spend the whole day in front of the computer, but when I see what I achieved I’m kinda happy.

What I mentioned yesterday I did today. There’s a new Icon in the navigation () which allows you to switch between a light or dark theme

I achieved that by using CSS Variables. There isn’t a second stylesheet which gets loaded but I change three CSS Variables through Javascript and store that in HTML Local Storage so that the look keeps when you cruise around the website.

Then I added a WordPress Customization to my Theme, which allows me to change the Color through a Color Picker. Same with the dark/light theme, all I do is change one single CSS Variable to change the color of the whole Page. The idea, I think, is to have different sections use different colors, but that’s the plan for another day.