List: Fix HC theme in storybook (#33272)

microsoft · Dec 4, 2024 · b8e725b · b8e725b
1 parent 7e7c653
commit b8e725b
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/react-components/react-list-preview/stories/src/List/ListActiveElement.stories.tsx b/packages/react-components/react-list-preview/stories/src/List/ListActiveElement.stories.tsx
@@ -39,6 +39,15 @@ const useStyles = makeStyles({
   },
   itemSelected: {
     backgroundColor: tokens.colorSubtleBackgroundSelected,
+    '@media (forced-colors:active)': {
+      background: 'Highlight',
+    },
+  },
+  personaSelected: {
+    '@media (forced-colors:active)': {
+      forcedColorAdjust: 'none',
+      color: 'HighlightText',
+    },
   },
 });
 
@@ -82,6 +91,7 @@ export const ListActiveElement = () => {
               role="gridcell"
               secondaryText="Available"
               presence={{ status: 'available' }}
+              className={mergeClasses(selectedItems.includes(name) && classes.personaSelected)}
               avatar={{
                 image: {
                   src: avatar,