كيفية تغيير لون CSS لسمة لوحة ألوان واحدة؟

[Nacho_Caballero]

شكرًا لك على التنبيه، @Johani. يبدو أن الدالة dark-light-choose($light, $dark) تفعل بالضبط ما أريده، لكن مشكلتي الآن هي أنها لا تكتشف تغيير لوحة الألوان.

الموضوع النشط الوحيد لدي يُدعى “ناتشو” (Nacho)، ويحتوي على لوحتين: “كلارا” (Clara) للوضع الفاتح، و"أوسكورا" (Oscura) للوضع الداكن:

لقد قمت بتخصيصه باستخدام CSS التالي:

$dark-theme-ins: #4da06d;
$light-theme-ins: #acf2bd;
.modal.history-modal {
    ins {
        background: dark-light-choose($light-theme-ins, $dark-theme-ins);
    }
}

هذا يعمل مع لوحة الألوان الفاتحة:

لكنه لا يعمل مع لوحة الألوان الداكنة:

إذا قمت بتغيير CSS إلى هذا، فإنه يعمل:

.modal.history-modal {
    ins {
        background: $dark-theme-ins;
    }
}

إذًا يبدو أن تغيير لوحة الألوان الداكنة لا يتم اكتشافه. أستطيع أن أرى أن is-light-color-scheme تفحص سطوع $primary و $secondary. إليك لوحة الألوان الداكنة الخاصة بي:

واللوحة الفاتحة:

لقد نفدت من الأفكار.