feat: add dark mode

[takanome-dev]

What type of PR is this? (check all applicable)

• 🍕 Feature
• 🐛 Bug Fix
• 📝 Documentation Update
• 🎨 Style
• 🧑‍💻 Code Refactor
• 🔥 Performance Improvements
• ✅ Test
• 🤖 Build
• 🔁 CI
• 📦 Chore (Release)
• ⏩ Revert

Description

This PR adds dark mode to the platform

Related Tickets & Documents

Fixes #56

Mobile & Desktop Screenshots/Recordings

Just the beginning...

Added tests?

• 👍 yes
• 🙅 no, because they aren't needed
• 🙋 no, because I need help

Added to documentation?

• 📜 README.md
• 📓 docs.opensauced.pizza
• 🍕 dev.to/opensauced
• 📕 storybook
• 🙅 no documentation needed

[optional] Are there any post-deployment tasks we need to perform?

[optional] What gif best describes this PR or how it makes you feel?

[netlify]

✅ Deploy Preview for oss-insights ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	398e65b
🔍 Latest deploy log	https://app.netlify.com/sites/oss-insights/deploys/645c1726941f3600088786b5
😎 Deploy Preview	https://deploy-preview-1147--oss-insights.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.

[netlify]

✅ Deploy Preview for design-insights ready!

Name	Link
🔨 Latest commit	398e65b
🔍 Latest deploy log	https://app.netlify.com/sites/design-insights/deploys/645c1726df2df10008707f12
😎 Deploy Preview	https://deploy-preview-1147--design-insights.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.

[bdougie]

Thanks for opening this @takanome-dev.

We haven't had bandwidth to explore dark mode in this app, but there was some work to make this approachable.

https://github.com/open-sauced/insights/blob/beta/tailwind.config.js#L121

update:

Looks like you are using that, but it doesn't cover all edge cases. We will need to document what is not covered to start cleaning this up.

[takanome-dev]

Looks like you are using that, but it doesn't cover all edge cases. We will need to document what is not covered to start cleaning this up.

Sure 👍

[adiati98]

Hi,
Is this issue still open for contribution? If so, may I try to work on this?
Thanks! 😊

[jpmcb]

Hi @adiati98 - let's move the conversation to #56 where there looks to be some talk of implementation details and you can assign yourself 👍🏼