Add UI toggle for dark mode #4309
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
Milestone
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.
The text was updated successfully, but these errors were encountered: