Skip to content

Latest commit

 

History

History
20 lines (11 loc) · 801 Bytes

notes.md

File metadata and controls

20 lines (11 loc) · 801 Bytes

Functional Requirements and Notes

Light/Dark Mode toggle -- takes system oref by default, but can override w/toggle

What HTML markup to use (accessible) -- https://github.com/scottaohara/a11y_styled_form_controls/src/radio-button--switch/

Use fieldset, legend, radio inputs

Switching b/w light/dark mode via JS and Prefers-color-scheme media query -- https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-color-scheme

Three option toggle: light/dark/system pref -- https://codepen.io/renddrew/pen/bRomab

CSS Variables (custom properties) -- https://css-tricks.com/updating-a-css-variable-with-javascript/

Accessibility