선택된 색상 스킴에 기반한 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에 의해 다크 모드가 활성화된 경우에만 작동하며, 다크 모드 테마를 “기본(Regular)” 테마로 선택한 경우에는 작동하지 않습니다. 이 부분에 대해 제안 사항이 있을까요?