بالتأكيد، هناك دالتان في SCSS يمكنك استخدامهما للتحقق مما إذا كنت تستخدم لوحة ألوان فاتحة أو داكنة.
تستخدمهما على النحو التالي.
@if is-light-color-scheme() {
// CSS لـ لوحة ألوان فاتحة
h1 {
color: green;
}
}
@if is-dark-color-scheme() {
// CSS لـ لوحة ألوان داكنة
h1 {
color: red;
}
}