drawdb icon indicating copy to clipboard operation
drawdb copied to clipboard

feat(landing): add light/dark theme toggle; persist choice in localSt…

Open hukshh opened this issue 1 month ago • 2 comments

What’s Added

Added a theme toggle button (sun/moon icon) to the top-right corner of the landing page header.

Implemented default theme = Dark.

Implemented persistent theme preference using localStorage under the key: drawdb:theme

Added support for system theme detection via: window.matchMedia('(prefers-color-scheme: dark)')

Added smooth but minimal transition animations with support for prefers-reduced-motion.

Improved color variables for clean, consistent UI across both themes.

Made toggle accessible:

role="switch"

aria-checked

Keyboard focus (Tab, Enter, Space supported)

hukshh avatar Nov 20 '25 10:11 hukshh

Someone is attempting to deploy a commit to the dottle's projects Team on Vercel.

A member of the Team first needs to authorize it.

vercel[bot] avatar Nov 20 '25 10:11 vercel[bot]

Hi @1lit,
Issue fully resolved — theme toggle + bootstrap script + CSS vars done.
Please review whenever you get time. Thanks!

hukshh avatar Nov 26 '25 09:11 hukshh