التوثيقالموضوع
ألوان واجهة المستخدم
الإعدادات | الوصف |
|---|---|
النص | لون لمعظم النصوص. |
لون الخلفية | لون خلفية لوحة العدادات. يستخدم هذا اللون لاشتقاق معظم الألوان التي تشكل واجهة المستخدم العامة, |
اللكنة 1 | لون للعناصر المهمة، مثل عنصر التنقل الحالي في أي تنقل، أو أزرار الحفظ في مربعات الحوار أو أيقونة درج الأداة في وضع التحرير. |
اللكنة 2 | لون للعناصر الأقل أهمية القابلة للتنفيذ، مثل فقاعات المساعدة والوصف أو الإجراءات الثانوية في الأدوات الذكية (مثل "إعادة تعيين عامل التصفية" في مصفوفة التصفية). |
ألوان الحالة
الإعداد | الوصف |
|---|---|
موافق | لون للكائنات في الحالة موافق. لمزيد من المعلومات قم بزيارة وثائق المحرك. |
تحذير | لون للكائنات في الحالة تحذير. لمزيد من المعلومات قم بزيارة وثائق المحرك. |
ثانوي | لون للكائنات في الحالة ثانوي. لمزيد من المعلومات قم بزيارة وثائق المحرك. |
رئيسي | لون للكائنات في الحالة الرئيسية. لمزيد من المعلومات قم بزيارة وثائق المحرك. |
الصيانة | لون للكائنات في حالة الصيانة. لمزيد من المعلومات قم بزيارة وثائق المحرك. |
لا توجد بيانات | لون للكائنات في حالة عدم وجود بيانات. لمزيد من المعلومات قم بزيارة وثائق المحرك. |
غير محدد | لون للكائنات في الحالة غير محدد. لمزيد من المعلومات قم بزيارة وثائق المحرك. |
استخدام ألوان النسق في CSS مخصص
جميع الألوان المحددة في قسم النسق (والعديد من الألوان البينية) متاحة للاستخدام في CSS عبر خصائص مخصصة. استخدم هذه القيم باستخدام بناء الجملة var(--custom-name).
--color-min --color-max --color-background --color-background-dim --color-area --color-area-accent-1 --color-area-accent-2 --color-area-major --color-area-dim --color-area-dim-accent-1 --color-area-dim-accent-2 --color-area-dim-major --color-area-dimmer --color-line --color-line-dim --color-line-dimmer --color-text --color-text-ui --color-text-dim --color-text-accent-1 --color-text-accent-2 --color-text-ok --color-text-warning --color-text-minor --color-text-major