متغيرات مخصصة لمخططات الألوان

أعتقد أن ميزة تمكننا من إضافة متغيرات CSS مخصصة لمخططات الألوان ستكون مفيدة.

حالة الاستخدام الخاصة بي هي أن لدي ترويسة مخصصة في منتدى لدي وأريد أن يكون شعار شركتي أزرق في مخطط الألوان الفاتح وأبيض في مخطط الألوان الداكن. نظرًا لعدم وجود طريقة لكتابة CSS تستهدف مخطط ألوان محدد، لا أرى كيف يمكنني فعل ذلك حاليًا. ما يمكنني فعله هو الحصول على سمة داكنة وبيضاء منفصلة، ولكن بعد ذلك أفقد القدرة على استخدام الوضع المظلم التلقائي، والذي يمكنه فقط تبديل مخطط الألوان وليس السمة.

بدلاً من ذلك، فإن مجرد وجود فئة CSS في html أو body تشير إلى مخطط الألوان المحدد سيحل هذه المشكلة أيضًا حيث يمكنني كتابة CSS تستهدف مخطط الألوان المحدد.

إعجاب واحد (1)

إذا كنت تحتاج فقط إلى معالجة الشعار، فهناك أماكن مخصصة للشعارات ذات المخطط الداكن في إعدادات الواجهة الخلفية:

إعجاب واحد (1)

يمكنك الحصول على CSS يتصرف بشكل مختلف في الوضع الفاتح/المظلم إذا كان ذلك يساعد - لدينا ورقة أنماط خاصة تسمى color_definitions… هناك مثال على كيفية استخدام ذلك هنا: Why might dark-light-choose() not work? - #2 by awesomerobot

6 إعجابات

شكرًا، لم أكن أعرف أنه يمكنك فعل ذلك بالفعل، هذا بالضبط ما كنت أحتاجه! شعار المظهر الداكن نقطة جيدة أيضًا، لم أكن أعرف أنه موجود.

إعجاب واحد (1)