Description of problem:
When a user selects an application group by clicking on it, the border color keeps its old (unselected) color. This looks like the user doesn't select it.

At least: With the light theme the application group background color switches from light-gray (transparent) to a light-blue.

But in the dark theme (dark mode) the background color doesn't change at all. So its really difficult to understand that the click "has done something".


Version-Release number of selected component (if applicable):
4.11


How reproducible:
Always


Steps to Reproduce:
1. Import an application and assign an application group
2. Hover and select the application group and deployment with the light and dark theme/mode.


Actual results:
In light mode:
- When hovering over an UNSELECTED app group the border switch from white to black, there is no shadow as in 4.10. (Helm charts, deployments, and other elements still have a hover shadow!)
- When hovering over a SELECTED app group the border switch from BLUE to black. The app group title gots a shadow, the box it self doesn't get a shadow.

In dark mode:
- When hovering over an UNSELECTED app group the border switch from gray to light-gray, there is no shadow as in 4.10. (Helm charts, deployments, and other elements still have a hover shadow!)
- When hovering over a SELECTED app group the border switch from BLUE to light-gray. The app group title gots a shadow, the box it self doesn't get a shadow.


Expected results:
1. When hovering over a selected element, the color should not switch to the unselected+hover color. It should still show the selected color as PodRings, URIs and other elements do.

2. When possible and when it looks good, the box should show a shadow on hover, similar to other elements.


Additional info: