ستعمل استعلام الحاوية، ولكن للتبسيط يمكنك استخدام الدالة الأصلية light-dark() في CSS للقيام بذلك أيضًا:
.my-thing {
background: light-dark(#fff, #000);
color: light-dark(#222, #eee);
}
```\nبشكل عام في Discourse نعتمد على متغيرات الألوان التي تتغير تلقائيًا لتجنب تعيين ألوان محددة بهذه الطريقة (`--primary`، `--secondary`، إلخ)... هذا يسمح للألوان بالعمل بغض النظر عن مخطط الألوان.
يمكنك رؤية بعض الأمثلة هنا: https://meta.discourse.org/styleguide/atoms/colors وكيف تتغير عند التبديل إلى الوضع الداكن/الفاتح. يتم إعداد هذه المتغيرات بواسطة لوحات الألوان في `/admin/config/colors`