Some Colours not customizable

[LTKort]

Hi,

In the issue #4206 I proposed a fix to give the option to change the input border etc. Which looks okay:

But some elements stay default...

Like the checkbox;

Or the focus of a form element / button:

Is there an easy way to fix this?

[davidhemphill]

I've gone through and specified our rings to use the primary-200. Should come out in the next release. This will make them follow the branding colors.

[davidhemphill]

Ok, the newest release includes this. Please let me know if there's any part of Nova's UI I missed that's not displaying the correct colors.

[LTKort]

@davidhemphill Thanks!

Is it possible to add a hover color to the icons on the ResourceTableRow or just something like;

.toolbar-button {
  @apply flex items-center justify-center flex-shrink-0 rounded-lg h-9 focus:ring ring-primary-200 ring-inset focus:outline-none;
  @apply hover:text-primary-400;
  @apply active:text-primary-600;
}

So it's something like:

[davidhemphill]

You could use an asset to overwrite that class if you'd like. We added a hover state but didn't want to make it a primary color.

[LTKort]

I see a 'hover:opacity-50' on the header & notification icons, but not on the ResourceTableRow buttons. Or is it just me?

[davidhemphill]

Yeah those have been removed in this update to make them more consistent across the app.

[davidhemphill]

Went ahead and added a primary hover color to the view/edit/delete icons. Hope that helps!

[LTKort]

It looks like the loading bar is still the primary blue too

[davidhemphill]

Fixed. Will push this soon.