أهلاً،
هناك عدة طرق للقيام بذلك.
على سبيل المثال:
يمكنك تغيير ألوان مخطط الألوان على admin/customize/colors/. فقط حدد مخطط الألوان الخاص بالوضع المظلم لديك وقم بتغيير رمز اللون secondary.
ملاحظة: سيؤدي هذا إلى تغيير اللون الثانوي في كل مكان وليس فقط على أيقونات الرأس.
أو يمكنك استخدام الوسائط prefers-color-scheme لتغيير secondary إلى secondary-low في الوضع المظلم.
شيء مثل هذا:
.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);
}
}
أو يمكنك إنشاء تعريفات ألوان مخصصة: Why might dark-light-choose() not work? - #2 by awesomerobot
آمل أن يساعد هذا 