Improved Theme selector that outlines the current theme

[hansaskov]

No description provided.

[netlify]

✅ Deploy Preview for astrofy-template ready!

Name	Link
🔨 Latest commit	14a4c72
🔍 Latest deploy log	https://app.netlify.com/sites/astrofy-template/deploys/65a7eca93bb11000083d89e2
😎 Deploy Preview	https://deploy-preview-57--astrofy-template.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[netlify]

✅ Deploy Preview for astro-modern-personal-website ready!

Name	Link
🔨 Latest commit	14a4c72
🔍 Latest deploy log	https://app.netlify.com/sites/astro-modern-personal-website/deploys/65a7eca9ce32a40008ecdcff
😎 Deploy Preview	https://deploy-preview-57--astro-modern-personal-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[hansaskov]

I have used your project for my personal use cases and spend some time to improve upon the theme selector. The changes are as follows:

• The current theme is now shown with an outline

• Added a fill to the theme svg. This is done because there would be cases where text could be seen through the icon at medium screen sizes

• Cleaned up code by mapping over all the themes instead of hard coding each one

[hansaskov]

@manuelernestog What do you think?