عنصر 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). سؤال أخير… يعمل هذا إذا تم تعيين السمة كسمة الوضع المظلم وتم تنشيط الوضع المظلم بواسطة نظام التشغيل، ولكن ليس إذا تم اختيار سمة الوضع المظلم كسمة “عادية”. أي اقتراحات حول ذلك؟