[experiment] Allow users to use system's appearance (dark / light) mode

MitjaBezensek commented 1 month ago

Allow the users to fully use the same colour scheme as their system. Allows the users to either: force dark colour scheme, force light colour scheme, or use the system one.

It's reactive to the system changes.

https://github.com/tldraw/tldraw/assets/2523721/6d4cef03-9ef0-4098-b299-6bf5d7513e98

Change Type

[x] sdk — Changes the tldraw SDK
[ ] dotcom — Changes the tldraw.com web app
[ ] docs — Changes to the documentation, examples, or templates.
[ ] vs code — Changes to the vscode plugin
[ ] internal — Does not affect user-facing stuff

[ ] bugfix — Bug fix
[ ] feature — New feature
[x] improvement — Improving existing features
[ ] chore — Updating dependencies, other boring stuff
[ ] galaxy brain — Architectural changes
[ ] tests — Changes to any test code
[ ] tools — Changes to infrastructure, CI, internal scripts, debugging tools, etc.
[ ] dunno — I don't know

Test Plan

Add a step-by-step description of how to test your PR here.

[ ] Unit Tests
[ ] End to end tests

Release Notes

Add a brief release note for your PR here.

vercel[bot] commented 1 month ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
examples	✅ Ready (Inspect)	Visit Preview	Jun 10, 2024 11:39am

1 Ignored Deployment

mimecuvalo commented 1 month ago

this is sick 🎸

steveruizok commented 1 week ago

From a UX perspective I'm in agreement, great feature! Adding @ds300 as a reviewer here just to be sure that the user preferences stuff is compatible.

MitjaBezensek commented 6 days ago

great improvement! i think the inferDarkMode behaviour was a little broken by this but should be easy enough to fix. happy to merge after 🙇🏼

Yeah, nice catch. Updated with your recommendation and brought it up to date.

tldraw / tldraw