Oleg Isonen 3d6d2ad4be fix: fix color control spacing, border and accessibility (#4089) ...

Closes https://github.com/webstudio-is/webstudio/issues/1244
## Steps for reproduction

1. see even outer spacing 
<img width="53" alt="image"
src="https://github.com/user-attachments/assets/39967869-4ada-4bd6-a687-7f465e64f277">
2. see border appears when color nears white but doesn't show up when
color is far from white
3. See that you can focus color swatch with keyboard arrows
4. See that keyboard enter opens the color picker
5. See that transparent chessboard pattern still works


## Code Review

- [ ] hi @kof, I need you to do
  - conceptual review (architecture, feature-correctness)
  - detailed review (read every line)
  - test it on preview

## Before requesting a review

- [ ] made a self-review
- [ ] added inline comments where things may be not obvious (the "why",
not "what")

## Before merging

- [ ] tested locally and on preview environment (preview dev login:
5de6)
- [ ] updated [test
cases](https://github.com/webstudio-is/webstudio/blob/main/apps/builder/docs/test-cases.md)
document
- [ ] added tests
- [ ] if any new env variables are added, added them to `.env` file

2024-09-08 16:37:51 +02:00

..

builder

fix: fix color control spacing, border and accessibility (#4089)

2024-09-08 16:37:51 +02:00