Re-implement contrast mode #2363
Labels
chore
Related to fix/refinement/improvement of end user or new/existing developer functionality
component/ui
Predominantly a front-end issue; most/all of the work can be completed by a f/e developer
estimate/days
It will take between 2 and 7 8-hour work days to implement
good-first-issue
Indicates a good issue for first-time contributors
help-wanted
An issue that would be good for non-maintainers to attempt
Currently, Scope relies on loading a second stylesheet with overridden Sass variables to show a high-contrast mode. This works well for stand-alone, but it difficult to deal with when running as a component.
Instead of a second stylesheet, we should create a wrapper CSS class with the necessary style overrides. Then, to enable contrast mode, we switch the class that is applied to the Scope root DOM element. This is generally how 'theme-ing' is implemented.
Benefits:
webpack
shenanigansThe text was updated successfully, but these errors were encountered: