أود تخصيص صورة اللافتة الخاصة بي وفقًا للوضع الذي يستخدمه نظام التشغيل الآن.
لقد حاولت إضافة هذا إلى ورقة الأنماط color_definitions.scss الخاصة بي:
$banner: url(dark-light-choose($light-banner, $dark-banner));
:root {
--custom-banner: #{$banner};
}
وحاولت استخدام var(--custom-banner) في ورقة الأنماط العادية الخاصة بي.
كل شيء يبدو جيدًا على الكمبيوتر والهاتف المحمول. لكن الصورة تومض على جهاز الآيباد. 
هل هناك طريقة لحل المشكلة أم يجب أن أجرب طريقة أخرى؟
هل يمكنك إظهار مثال؟ 