Try hacky light mode with css invert filter

[cwilvx]

The CSS color invert filter provides a simple way to handle light mode. Since the app is dark mode first, everything is designed to be dark mode, then we add patches for light mode. This is by adding ignore-invert classes, darkening excessively light areas, etc.

There are downside of this:

• emojis get inverted too ... sweet!
• you have to invert colors to use them
• all kinds of contrast issues

---

Worked on components

• [ ] Right sidebar (including search)
• [ ] Navigation
• [ ] Folder page
• [ ] Playlist page
• [ ] Album page

---

⚠️ I'm no longer working on this

There are too many issues that come with this hacky system. So, I'm dropping it until i find a way to handle the emoji issue.

[netlify[bot]]

✅ Deploy Preview for alicemusic ready!

Name	Link
🔨 Latest commit	b6bd5a5b51be2002ad51d3c65543ada629dd5000
🔍 Latest deploy log	https://app.netlify.com/sites/alicemusic/deploys/62ed52db76c94d000a5a85e9
😎 Deploy Preview	https://deploy-preview-85--alicemusic.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 settings.