التوثيقالموضوع
ألوان واجهة المستخدم
الإعداد | الوصف |
|---|---|
النص | لون معظم النصوص. |
لون الخلفية | لون خلفية لوحة التحكم. يستخدم هذا اللون لاشتقاق معظم الألوان التي تشكل واجهة المستخدم العامة. |
التركيز 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