Tldraw/apps/examples/e2e/tests/export-snapshots.spec.ts-sn...
Steve Ruiz 7732e99811
Color tweaks (light and dark mode) (#3486)
This PR makes some changes to the appearance of colors in light and dark
mode. In general colors should be very slightly darker and less
saturated in light mode, creating greater contrast against the canvas,
fill, and note colors.

Before:

![image](https://github.com/tldraw/tldraw/assets/23072548/aa9a0c64-bf7a-4cde-a611-92fa6d78eabb)

After:

![image](https://github.com/tldraw/tldraw/assets/23072548/352bc688-aa68-4b50-b990-fab643cb0bef)

There are still some balancing to do on dark mode.

Before:
<img width="1393" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/d87114a1-c96e-4b77-bd29-7b44f4faa54f">

After:
<img width="1504" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/c8818afe-b961-4a1d-8852-914ff599a7f3">

### Change Type

- [x] `sdk` — Changes the tldraw SDK
- [x] `bugfix` — Bug fix

### Release Notes

- Adjusts colors

---------

Co-authored-by: huppy-bot[bot] <128400622+huppy-bot[bot]@users.noreply.github.com>
2024-04-17 09:31:55 +00:00
..
Export-snapshots-Exports-with-Exports-geo-text-with-leading-line-breaks-1-Mobile-Chrome-linux.png Fix newlines in text geo shapes (#2059) 2023-10-10 12:58:28 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-leading-line-breaks-1-chromium-linux.png Fix newlines in text geo shapes (#2059) 2023-10-10 12:58:28 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-leading-line-breaks-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-leading-line-breaks-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-trailing-line-breaks-1-Mobile-Chrome-linux.png Fix newlines in text geo shapes (#2059) 2023-10-10 12:58:28 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-trailing-line-breaks-1-chromium-linux.png Fix newlines in text geo shapes (#2059) 2023-10-10 12:58:28 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-trailing-line-breaks-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-Exports-geo-text-with-trailing-line-breaks-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-fill-none-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-none-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-none-in-dark-mode-1-Mobile-Chrome-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-none-in-dark-mode-1-chromium-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-pattern-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-pattern-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-pattern-in-dark-mode-1-Mobile-Chrome-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-pattern-in-dark-mode-1-chromium-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-semi-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-semi-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-semi-in-dark-mode-1-Mobile-Chrome-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-semi-in-dark-mode-1-chromium-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-solid-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-solid-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-fill-solid-in-dark-mode-1-Mobile-Chrome-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-fill-solid-in-dark-mode-1-chromium-linux.png React-powered SVG exports (#3117) 2024-03-25 14:16:55 +00:00
Export-snapshots-Exports-with-arrow-font-draw-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-draw-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-draw-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-draw-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-mono-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-mono-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-mono-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-mono-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-sans-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-sans-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-sans-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-sans-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-serif-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-serif-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-arrow-font-serif-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-arrow-font-serif-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-draw-fill-none-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-none-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-none-in-dark-mode-1-Mobile-Chrome-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-draw-fill-none-in-dark-mode-1-chromium-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-draw-fill-pattern-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-pattern-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-pattern-in-dark-mode-1-Mobile-Chrome-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-draw-fill-pattern-in-dark-mode-1-chromium-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-draw-fill-semi-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-semi-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-semi-in-dark-mode-1-Mobile-Chrome-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-draw-fill-semi-in-dark-mode-1-chromium-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-draw-fill-solid-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-solid-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-draw-fill-solid-in-dark-mode-1-Mobile-Chrome-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-draw-fill-solid-in-dark-mode-1-chromium-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-geo-fill-none-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-none-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-none-in-dark-mode-1-Mobile-Chrome-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-geo-fill-none-in-dark-mode-1-chromium-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-geo-fill-pattern-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-pattern-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-pattern-in-dark-mode-1-Mobile-Chrome-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-geo-fill-pattern-in-dark-mode-1-chromium-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-geo-fill-semi-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-semi-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-semi-in-dark-mode-1-Mobile-Chrome-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-geo-fill-semi-in-dark-mode-1-chromium-linux.png Make sure correct dark mode colours get used in exports (#2492) 2024-01-17 14:31:38 +00:00
Export-snapshots-Exports-with-geo-fill-solid-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-solid-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-fill-solid-in-dark-mode-1-Mobile-Chrome-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-geo-fill-solid-in-dark-mode-1-chromium-linux.png [hot take] Make dark mode colours pop more (#2478) 2024-01-16 17:03:58 +00:00
Export-snapshots-Exports-with-geo-font-draw-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-draw-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-draw-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-draw-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-mono-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-mono-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-mono-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-mono-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-sans-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-sans-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-sans-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-sans-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-serif-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-serif-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-geo-font-serif-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-geo-font-serif-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-note-font-draw-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-draw-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-draw-in-dark-mode-1-Mobile-Chrome-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-draw-in-dark-mode-1-chromium-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-mono-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-mono-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-mono-in-dark-mode-1-Mobile-Chrome-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-mono-in-dark-mode-1-chromium-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-sans-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-sans-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-sans-in-dark-mode-1-Mobile-Chrome-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-sans-in-dark-mode-1-chromium-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-serif-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-serif-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-note-font-serif-in-dark-mode-1-Mobile-Chrome-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-note-font-serif-in-dark-mode-1-chromium-linux.png Stickies: release candidate (#3249) 2024-04-14 18:40:02 +00:00
Export-snapshots-Exports-with-text-font-draw-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-draw-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-draw-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-text-font-draw-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-text-font-mono-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-mono-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-mono-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-text-font-mono-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-text-font-sans-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-sans-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-sans-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-text-font-sans-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-text-font-serif-1-Mobile-Chrome-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-serif-1-chromium-linux.png re-enable visual regression tests (#2056) 2023-10-10 12:33:16 +00:00
Export-snapshots-Exports-with-text-font-serif-in-dark-mode-1-Mobile-Chrome-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00
Export-snapshots-Exports-with-text-font-serif-in-dark-mode-1-chromium-linux.png Color tweaks (light and dark mode) (#3486) 2024-04-17 09:31:55 +00:00