Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add support for dark mode #456

Open
God-damnit-all opened this issue Feb 2, 2025 · 2 comments
Open

Add support for dark mode #456

God-damnit-all opened this issue Feb 2, 2025 · 2 comments
Labels
status: ready to implement is ready to be worked on by someone

Comments

@God-damnit-all
Copy link

On https://stylelint.io/demo/ there is a toggle on the header for light mode and dark mode. When in dark mode, the only thing that changes is the color of the header bar.

I tried both a recent version of Chromium (132.0.6834.76) and an older one (118.0.5993.159), both exhibit the same issue.

I made sure my Dark Reader extension was toggled off on the page, though it's worth noting that Dark Reader has a lot of issues trying to turn the page dark.

@Mouvedia Mouvedia transferred this issue from stylelint/stylelint Feb 2, 2025
@Mouvedia
Copy link
Member

Mouvedia commented Feb 2, 2025

@jeddy3 if you think it belongs on stylelint/stylelint.io feel free to transfer it again.

@Mouvedia Mouvedia added the status: needs discussion triage needs further discussion label Feb 2, 2025
@jeddy3 jeddy3 changed the title Dark mode isn't working Add support for dark mode Feb 4, 2025
@jeddy3 jeddy3 added status: ready to implement is ready to be worked on by someone and removed status: needs discussion triage needs further discussion labels Feb 4, 2025
@jeddy3
Copy link
Member

jeddy3 commented Feb 4, 2025

@God-damnit-all Thanks for raising the issue.

We haven't implemented dark mode in the demo yet.

Please consider contributing if you have time.

Steps:

  • explore how the demo can tie into the Docusaurus' theme switcher
  • add dark mode to tokens to our demo CSS

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
status: ready to implement is ready to be worked on by someone
Development

No branches or pull requests

3 participants