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 UI toggle for dark mode #4309

Open
zackkrida opened this issue May 10, 2024 · 0 comments
Open

Add UI toggle for dark mode #4309

zackkrida opened this issue May 10, 2024 · 0 comments
Labels
🕹 aspect: interface Concerns end-users' experience with the software 🌟 goal: addition Addition of new feature 🟨 priority: medium Not blocking but should be addressed soon 🧱 stack: frontend Related to the Nuxt frontend ⛔ status: blocked Blocked & therefore, not ready for work

Comments

@zackkrida
Copy link
Member

zackkrida commented May 10, 2024

This issue is part of the Dark Mode project: #3592. Please see the implementation plan for additional detail and context.

Important

This issue is blocked by #4306. This issue is also blocked from merge by #4308, which will add the setColorMode method (example name) called by this UI component to actually store the chosen value. This PR can be started prior to that one and/or nearly completed, but drafted, until the method exists.

Behind the feature flag added in #4306, add the new user interface element which toggles dark mode, designed in #4155. Supports choosing between “dark”, “light”, and “system” modes, with “system” as the default.

Also add a TOGGLE_COLOR_SCHEME analytics event, with a playload including the color mode preference chosen by the user. We will use this to assess usage of the toggle and dark, mode, generally.

The actual functionality to store and use this value to change the color scheme is added in #4308. This issue purely adds the presentational component to our user interface and connects it to the method for setting the color scheme.

@zackkrida zackkrida added 🟨 priority: medium Not blocking but should be addressed soon 🌟 goal: addition Addition of new feature 🕹 aspect: interface Concerns end-users' experience with the software ⛔ status: blocked Blocked & therefore, not ready for work 🧱 stack: frontend Related to the Nuxt frontend labels May 10, 2024
@zackkrida zackkrida added this to the Dark Mode B - Toggle milestone May 10, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🕹 aspect: interface Concerns end-users' experience with the software 🌟 goal: addition Addition of new feature 🟨 priority: medium Not blocking but should be addressed soon 🧱 stack: frontend Related to the Nuxt frontend ⛔ status: blocked Blocked & therefore, not ready for work
Projects
Status: ⛔ Blocked
Development

No branches or pull requests

1 participant