High contrast theme implementation - focus state changes

As a part 2 of the High Contrast theme implementation

Problem statement

Users with specific vision requirements find the interface difficult to read and navigate because the existing theme lacks sufficient color contrast. "As a PatternFly user, I would like to have more accessible options for my vision requirements. (from the https://github.com/patternfly/patternfly-design/issues/1357)"

Goal

Our users will have an accessible, high-contrast theme option that makes our product significantly easier to see, read, and use. This theme will be our first offering towards the larger goal of accessible themes that empower all users.

This epic focuses on the implementation of the focus states as defined in https://github.com/patternfly/patternfly-design/issues/1404

Relevant links

• Design epic - https://github.com/patternfly/patternfly-design/issues/1375

• Design figma - https://www.figma.com/design/c9C6sZWzBdbukivvXYiMkz/PF---High-Contrast-Theming?node-id=279-2121872&t=EwVEtNrTRDSbNDa8-1

• HC theme brainstorming - https://docs.google.com/document/d/14GFOdg0B_uq0DLq4beyaOm_x13cL4TevSQzmoFX20pk/edit?usp=sharing

Notes

TBD

Focus changes

TBD

Jira Issue: PF-2362

Start with the linked design epic, issue 1404, and the Figma design to determine the required focus states; the issue currently leaves the implementation details as TBD. Then inspect the repository's core HTML/CSS implementation and define completion as implementing and verifying all focus changes specified by the design.