لماذا قد لا تعمل dark-light-choose()؟

[awesomerobot (Kris)]

أعتقد أنه نظرًا لطريقة تجميع SCSS، يجب إضافة تعريفات الألوان المخصصة للوضع الداكن/الفاتح إلى color_definitions.scss داخل السمة، ولن تعمل في ملفات SCSS أخرى.

يُعد ملف color_definitions.scss عاليًا في التسلسل (قبل العديد من الأنماط الافتراضية)، لذا لا ترغب في إضافة جزء .modal.history-modal ins هناك. بدلاً من ذلك، يمكنك فقط إضافة تعريف اللون نفسه…

$dark-theme-ins: #acf2bd;
$light-theme-ins: #4da06d;

$ins: dark-light-choose($light-theme-ins, $dark-theme-ins);

:root {
  --custom-ins: #{$ins};
}

ثم في ملف common أو أي من ملفات السمة الأخرى، يمكنك القيام بما يلي:

.modal.history-modal {
    ins {
        background: var(--custom-ins);
    }
}