أهلاً ![]()
يمكن لـ Discourse التعامل مع مخططين لونيين، فاتح وداكن. لذلك، عندما تقوم بتبديل جهازك إلى الوضع الداكن، فسيستخدم إعداد موقع default dark mode color scheme id بشكل افتراضي.
يمكنك تعيين لوحات ألوان مخصصة إضافية لـ Discourse.
يمكنك تعيين لوحات ألوان جديدة في صفحة /admin/customize/colors.
أو
على سبيل المثال، إذا كنت تستخدم سمة مخصصة، فيمكنك تعيين هذه في ملف about.json.
كما نفعل على سبيل المثال في سمة FKB Pro.
fkb-pro-theme/about.json at b04ad1ea823c357103487ae1c9a4b810a3533384 · VaperinaDEV/fkb-pro-theme · GitHub
في هذه الحالة، سيضيف لوحات الألوان هذه إلى /admin/customize/colors.
عند إضافة لوحات الألوان هذه، يمكن للمستخدمين الاختيار في صفحة واجهة تفضيلات المستخدم. إذا قمت بتمكينها.
dark-light-choose()
يمكن لـ dark-light-choose() التعامل فقط مع مخططين لونيين، فاتح/داكن، وليس لوحة الألوان. أقترح استخدامه فقط لإنشاء متغيرات ألوان مخصصة، وليس لتجاوز المتغيرات الافتراضية. لتجاوز متغيرات الألوان الافتراضية، يمكنك فعل ما أظهرته أعلاه.
إذا قام المستخدم بإعداد لوحة ألوان مختلفة عن الإعداد الافتراضي للموقع (فاتح/داكن) في صفحة واجهة تفضيلات المستخدم، فسيستخدم متغير اللون الذي أنشأته باستخدام dark-light-choose()، لجميع لوحات الألوان الفاتحة أو الداكنة للمخططات اللونية.
هذا أحد الأسباب التي جعلتني أقوم بإنشاء مكون السمة التالي:
في مكون السمة هذا، يمكنك استهداف color-scheme="id" بشكل منفصل.
لذا، ما يمكنك فعله هو:
إنشاء لوحات ألوان (فاتح، خافت، داكن)
استخدم المكون أعلاه لإجراء تعديلات على ألوان
color-scheme="id"الخافتة أو أشياء أخرى، إذا لزم الأمر.
