GH-2506 Adapt PUI to user preferred color scheme #2530
Draft
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR adds a dark mode theme to the PUI for users who set a dark mode preference at their browser or OS level.
Main changes
prefers-color-scheme
media query to colors.scss which defines dark theme primitives, base, and specific UI colors*-dark.scss
files for dark mode specific styles (aspace-dark.scss, infinite-scroll-dark.scss, etc)Related JIRA Ticket or GitHub Issue
#2506
How Has This Been Tested?
Cross-browser visual inspection.
Screenshots (if appropriate):
See above.
Types of changes
Checklist: