CSS要素をカラースキームに基づいて表示

[agf1997]

@Don

.d-header-icons .d-icon {
  width: 100%;
  line-height: 1.4;
  display: inline-block;
  color: var(--secondary);
  @media (prefers-color-scheme: dark) {
    color: var(--secondary-low);
  }
}

ご指導ありがとうございます。

これはまさに私がやりたいこと（ヘッダーアイコンのみを変更し、--secondary 色を持つすべての項目を変更しない）のようです。最後の質問ですが…これは、テーマがダークモードテーマとして設定されており、OSによってダークモードが有効になっている場合に機能しますが、ダークモードテーマが「通常」テーマとして選択されている場合には機能しません。何か提案はありますか？