Chore: Fix some theme nits (#95887)

fix some theme nits

packages/grafana-ui/src/components/Forms/RadioButtonGroup/RadioButtonGroup.tsx

@@ -120,6 +120,9 @@ const getStyles = (theme: GrafanaTheme2) => {
       border: `1px solid ${theme.components.input.borderColor}`,
       borderRadius: theme.shape.radius.default,
       padding: '2px',
+      '&:hover': {
+        borderColor: theme.components.input.borderHover,
+      },
     }),
     fullWidth: css({
       display: 'flex',

packages/grafana-ui/src/components/ToolbarButton/ToolbarButton.tsx

@@ -166,10 +166,6 @@ const getStyles = (theme: GrafanaTheme2) => {
 
       '&:focus:not(:focus-visible)': getMouseFocusStyles(theme),
 
-      '&:hover': {
-        boxShadow: theme.shadows.z1,
-      },
-
       '&[disabled], &:disabled': {
         cursor: 'not-allowed',
         opacity: theme.colors.action.disabledOpacity,
@@ -190,7 +186,7 @@ const getStyles = (theme: GrafanaTheme2) => {
 
       '&:hover': {
         color: theme.colors.text.primary,
-        background: theme.colors.background.secondary,
+        background: theme.colors.action.hover,
       },
     }),
     canvas: defaultOld,

public/app/core/components/AppChrome/MegaMenu/MegaMenuItemText.tsx

@@ -90,7 +90,7 @@ const getStyles = (theme: GrafanaTheme2, isActive: Props['isActive']) => ({
     },
   }),
   wrapperActive: css({
-    backgroundColor: theme.colors.background.secondary,
+    backgroundColor: theme.colors.action.selected,
     borderTopRightRadius: theme.shape.radius.default,
     borderBottomRightRadius: theme.shape.radius.default,
     position: 'relative',

public/app/features/browse-dashboards/components/DashboardsTree.tsx

@@ -271,7 +271,7 @@ const getStyles = (theme: GrafanaTheme2) => {
       height: ROW_HEIGHT,
 
       '&:hover': {
-        backgroundColor: theme.colors.emphasize(theme.colors.background.primary, 0.03),
+        backgroundColor: theme.colors.action.hover,
       },
     }),
 

public/app/features/search/page/components/SearchResultsTable.tsx

@@ -225,7 +225,7 @@ export const SearchResultsTable = React.memo(
 SearchResultsTable.displayName = 'SearchResultsTable';
 
 const getStyles = (theme: GrafanaTheme2) => {
-  const rowHoverBg = theme.colors.emphasize(theme.colors.background.primary, 0.03);
+  const rowHoverBg = theme.colors.action.hover;
 
   return {
     noData: css({