[Enhancement] Change background color on focus inside accordion, list, action sheet and dropdown

[RasmusKjeldgaard]

• I have written a good issue

Describe the enhancement

The current solution for focus with a blue outline around elements is not suitable for some of our elements:

• List items
• Accordion items
• Buttons in action sheet
• Buttons inside an opened dropdown

Instead we want to change the background of these to be similar to active state for the time being.

A small refactor of dropdown is possibly needed here as the current focus-behavior is not exactly as we want it. Right now, when using the arrow keys the elements are selected. They should instead have focus state when browsed with arrow keys, and only be selected (bold text and checkmark) when enter or space is pressed.

---

Checklist:

The following tasks should be carried out in sequence in order to follow the process of contributing correctly.

Refinement

• Request that the issue is UX refined; do not proceed until this is done.
• Request that the issue is tech refined; do not proceed until this is done.

Implementation

The contributor who wants to implement this issue should:

• Make sure you have read: "Before you get coding".
• Signal to others you are working on the issue by assigning yourself.
• Create a branch from the stable branch following our branch naming convention.
• Publish a WIP implementation to Github as a draft PR and ask for feedback.
• Make sure you have implemented tests following the guidelines in: "The good: Test".
• Update the cookbook with examples and showcases.

Review

Once the issue has been implemented and is ready for review:

• Do a self-review.
• Create a pull-request. If you created a draft PR during implementation you can just mark that as "ready for review".

[jkaltoft]

I think the background change should to be similar to hover state instead of active state. Active state background color change should be applied when "activating" or "submitting" with ENTER and/or SPACE key.

[jkaltoft]

If possible we should include focus on tabs in "desktop view", see #2244 (comment)

[jkaltoft]

The Dropdown parts should be solved by #2342. Skipping those in this issue.