diff --git a/list/internal/listitem/_list-item.scss b/list/internal/listitem/_list-item.scss index 58bcbdc6ccc..bc510d7f700 100644 --- a/list/internal/listitem/_list-item.scss +++ b/list/internal/listitem/_list-item.scss @@ -143,4 +143,15 @@ [slot='end'] { color: map.get($tokens, 'trailing-icon-color'); } + + @media (forced-colors: active) { + .disabled slot { + color: GrayText; + } + + .list-item.disabled { + color: GrayText; + opacity: 1; + } + } } diff --git a/list/internal/listitem/forced-colors-styles.scss b/list/internal/listitem/forced-colors-styles.scss deleted file mode 100644 index 7e25afe488d..00000000000 --- a/list/internal/listitem/forced-colors-styles.scss +++ /dev/null @@ -1,19 +0,0 @@ -// -// Copyright 2023 Google LLC -// SPDX-License-Identifier: Apache-2.0 -// - -// go/keep-sorted start -@use './list-item'; -// go/keep-sorted end - -@media (forced-colors: active) { - .disabled slot { - color: GrayText; - } - - .list-item.disabled { - color: GrayText; - opacity: 1; - } -} diff --git a/list/list-item.ts b/list/list-item.ts index 1a89872de7e..c631e4a9eba 100644 --- a/list/list-item.ts +++ b/list/list-item.ts @@ -6,7 +6,6 @@ import {customElement} from 'lit/decorators.js'; -import {styles as forcedColors} from './internal/listitem/forced-colors-styles.css.js'; import {ListItemEl as ListItem} from './internal/listitem/list-item.js'; import {styles} from './internal/listitem/list-item-styles.css.js'; @@ -66,5 +65,5 @@ declare global { */ @customElement('md-list-item') export class MdListItem extends ListItem { - static override styles = [styles, forcedColors]; + static override styles = [styles]; }