Steve Ruiz
5601d0ee22
Separate text-align property for shapes ( #3627 )
...
This PR creates a new "text align" property for text shapes. Its default
is left align.
This means that text shapes now have their own alignment prop, separate
from the vertical / horizontal alignment used in labels.
The style panel for text has no visual change:
<img width="400" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/aac80d2a-a069-4388-870b-1e0917d88eda ">
The style panel for labels has consistent icons for label position:
<img width="487" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/0adf7f0e-8446-4d3e-b9ea-a61e43035207 ">
Both may be configured separately.
<img width="458" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/698dcfac-6eb2-4a8c-afb8-d1e5761019ef ">
# Icon refresh
This PR also removes many unused icons.
It adds a special toggle icon for the context menu.
<img width="571" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/489551e6-a370-4528-9ad4-8f93e119f26b ">
<img width="492" alt="image"
src="https://github.com/tldraw/tldraw/assets/23072548/cd3d77c7-8bae-4369-8b53-ca4685b2fd0e ">
### Change Type
- [x] `sdk` — Changes the tldraw SDK
- [x] `improvement` — Improving existing features
### Test Plan
1. Load files.
2. Paste excalidraw content.
3. Load v1 files.
4. Use the app as usual.
- [x] Unit Tests
### Release Notes
- Separates the text align property for text shapes and labels.
---------
Co-authored-by: huppy-bot[bot] <128400622+huppy-bot[bot]@users.noreply.github.com>
2024-04-29 10:58:15 +00:00
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:
After:
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
alex
cff5be4605
Make sure correct dark mode colours get used in exports ( #2492 )
...
Also tweaks the colours of menus in dark mode to have a little higher
contrast. Fixed #2493
### Change Type
- [x] `patch` — Bug fix
[^1]: publishes a `patch` release, for devDependencies use `internal`
[^2]: will not publish a new version
---------
Co-authored-by: huppy-bot[bot] <128400622+huppy-bot[bot]@users.noreply.github.com>
2024-01-17 14:31:38 +00:00
Lu Wilson
ab560d70a7
[hot take] Make dark mode colours pop more ( #2478 )
...
This PR makes dark mode colours pop more.
It uses the light mode colours as a starting point, with a few tweaks.
We could tweak these more, and bikeshed these to death. The goal of this
PR is to get us into a *brighter* ballpark.
If you don't want to recreate the following examples, copy paste them
from
[staging.tldraw.com/r/palette](https://staging.tldraw.com/r/palette )
### Change Type
- [x] `patch` — Bug fix
### Test Plan
- [ ] Unit Tests
- [ ] End to end tests
### Release Notes
- Tweaked dark mode colour styles to make them pop more.
---------
Co-authored-by: huppy-bot[bot] <128400622+huppy-bot[bot]@users.noreply.github.com>
2024-01-16 17:03:58 +00:00
alex
4ccb6d8a50
re-enable visual regression tests ( #2056 )
...
Re-enable visual regression tests
### Change Type
- [x] `tests` — Changes to any test code only[^2]
---------
Co-authored-by: huppy-bot[bot] <128400622+huppy-bot[bot]@users.noreply.github.com>
2023-10-10 12:33:16 +00:00
