using accentFillRestBehavior.var on fill

microsoft · Mar 23, 2021 · cf2c0b1 · cf2c0b1
1 parent 9a6663f
commit cf2c0b1
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/web-components/src/accordion/accordion-item/accordion-item.styles.ts b/packages/web-components/src/accordion/accordion-item/accordion-item.styles.ts
@@ -2,6 +2,7 @@ import { css } from '@microsoft/fast-element';
 import { display, focusVisible, forcedColorsStylesheetBehavior } from '@microsoft/fast-foundation';
 import { SystemColors } from '@microsoft/fast-web-utilities';
 import {
+ accentFillRestBehavior,
  neutralDividerRestBehavior,
  neutralFocusBehavior,
  neutralForegroundActiveBehavior,
@@ -85,7 +86,7 @@ export const AccordionItemStyles = css`
  grid-column: 4;
  z-index: 2;
  pointer-events: none;
- fill: var(--accent-fill-rest);
+ fill: ${accentFillRestBehavior.var};
  }
 
  slot[name="collapsed-icon"] {
@@ -121,6 +122,7 @@ export const AccordionItemStyles = css`
  z-index: 2;
  }
 `.withBehaviors(
+ accentFillRestBehavior,
  neutralDividerRestBehavior,
  neutralForegroundActiveBehavior,
  neutralForegroundFocusBehavior,