a11y: Ensure new focus colours work well with Prime branding

[richard-cox]

• The new light and dark mode a11y changes bring in more pronounced focus colours
• We need to ensure these work well with prime branding (and suse if it's still used anywhere)

[gaktive]

Before passing to QA, let's spin up an instance and get a screenshot with prime branding and run it by UX.

[rak-phillip]

/backport v2.11.1

[rak-phillip]

Reopening this issue because it didn't get picked up by automation. This should get closed after it passes QA.

[IsaSih]

Feature works as expected. Validated in

Rancher v2.12-2a1bf3d05723fc0d85af3508302a641a4b89d6b7-head
Dashboard master eed2a33
Rancher Prime CLI v2.11.0-rc.1

Validated in dark theme, light theme, Suse/prime and Custom primary colors.
Focus on the following components were verified:

• Input fields
• dropdown lists
• sorting filter
• Checkboxes
• Tooltips
• Burguer menu and side menu
• 3-dot buttons
• Buttons
• Radio buttons
• Health bars

[IsaSih]

I have a question @rak-phillip: For all themes, in copy icons, the component gets a green background once selected, which outlies the expected behavior. Is this component covered in the scope of this issue? Do you know if this is expected?

Screen.Recording.2025-04-09.at.21.31.24.mov

[IsaSih]

I'm reopening the issue as the new focus colors are not being applied to toggles.

Screen.Recording.2025-04-09.at.21.44.02.mov

Screen.Recording.2025-04-09.at.21.15.56.mov

[rak-phillip]

I have a question @rak-phillip: For all themes, in copy icons, the component gets a green background once selected, which outlies the expected behavior. Is this component covered in the scope of this issue? Do you know if this is expected?

No, that's the styling of the AsyncButton, which is setting the background color of the button on click. I think that we can open up a new issue to address this.

[rak-phillip]

I'm reopening the issue as the new focus colors are not being applied to toggles.

This regression was introduced in #13880. It is unrelated to this issue and only affects 2.12.

edit: My above comment was for tracking purposes only. I will still raise a PR against this issue to address the problem.

[IsaSih]

Filed issue #14105 to address the focus style in copy icons

[IsaSih]

Re-opening as this wasn't re-tested

[IsaSih]

Feature now works as expected.