💄 Unify focus ring color with brand theme

[JonathanDeLaCruzEncora]

Summary

This PR changes the color of all buttons or focusable items, from the default color to the brand color

Related Issue

This changes solve issue #632

Changes

The code below was added to all the elements I was able to focus, 'auto' was recommended, but was still getting the default outline. After changing to 'solid' for the style, the changes were applied

:focus-visible {
  outline: 1px solid var(--primary-color);
}

Below are images of all the components that were changed

Buttons from the toolbar were focusable with drawers closed, when clicking on them and then hitting spacebar. So its a rare case, but they are focusable.

The same with mobile tools.

[changeset-bot]

⚠️ No Changeset found

Latest commit: c5f0d44

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[MH4GF]

The Vercel deployment doesn't work with PR from fork. I'll fix it later!

[MH4GF]

@JonathanDeLaCruzEncora Can you also adjust each button and link in the header?

[MH4GF]

@JonathanDeLaCruzEncora
Sorry to add this, could you please make these two buttons square like the zoom button on the left? Please match border-radius too.

[JonathanDeLaCruzEncora]

Buttons in header updated, as well as the mobile open/close button and other buttons like the close button in the toolbar which I didn't change previously.

All the buttons that had squared outlines now are rounded, including the view/hide button in the side menu (I also added the brand color to its outline)

If there are any changes feel free to let me know 😄

[MH4GF]

@JonathanDeLaCruzEncora Oh, sorry, please resolve conflict?

[MH4GF]

LGTM😄 Thanks for adjusting!
Just resolve the conflicts and we'll merge!

[MH4GF]

@JonathanDeLaCruzEncora Just correct the format at the end!

Press here and I'll notice you right away!

[MH4GF]

@JonathanDeLaCruzEncora CI is down. pnpm fmt will fix it, please fix it.

[JonathanDeLaCruzEncora]

@MH4GF Thank you so much for that, it should be fine now, wouldn't have done it without your help

[MH4GF]

@JonathanDeLaCruzEncora Thanks for your perseverance!