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

Enable dark mode on website #5854

Closed
wants to merge 1 commit into from
Closed

Conversation

trivikr
Copy link
Contributor

@trivikr trivikr commented Oct 24, 2023

What's the problem this PR addresses?

Fixes: #4058
Docusaurus theme configuration: https://docusaurus.io/docs/api/themes/configuration

How did you fix it?

Enable dark mode on website by setting colorMode.respectPrefersColorScheme: true, and enabling switch between modes.

Checklist

  • I have read the Contributing Guide.
  • I have set the packages that need to be released for my changes to be effective.
  • I will check that all automated PR checks pass before the PR gets reviewed.

@trivikr
Copy link
Contributor Author

trivikr commented Oct 24, 2023

Enabling dark mode on yarnpkg website requires more work, as several more files need to be updated.
This should be done in consultation with yarn maintainers and a UX designer.

Deploy preview: https://deploy-preview-5854--yarn4.netlify.app/getting-started

Screen recording
yarnpkg-dark-mode-test.mov

@trivikr trivikr closed this Oct 24, 2023
@trivikr trivikr deleted the website-dark-mode branch October 24, 2023 22:21
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Feature] Add dark mode on yarnpkg website
1 participant