الألوان
الألوان
لا تحتوي أسماء المكونات على لون. اللون موجود في اللوحة، كدرجات من اثني عشر نغمة مُعطاة للوجه الفاتح والوجه الداكن؛ مخطط الألوان يختار أي وجه تقرأه الصفحة؛ يقرأ المكون دورًا - سطحًا، حدًا، نصًا - وهو مكان واحد على المقياس. الجلد لا يذكر لونًا أبدًا. قم بتغيير المخطط من الرأس وكل عينة أدناه تتحرك دون أن يتم إعادة تعريف أي واحدة منها.
المقاييس
اللوحة هي محايدة، لهجة مميزة - العلامة التجارية - والحالات الأربع، كل منها مقياس من اثني عشر نغمة، مرتبة بالطريقة التي تعرض بها Radix Themes وMaterial 3 اللون. مكان على مقياس يعني الشيء نفسه على كل مقياس وعلى كلا الوجهين: ما هي الأرقام أدناه. يجلب التطبيق لوحته من خلال إعطاء لهجته؛ كل مقياس يتبع.
--neutral-*
1
2
3
4
5
6
7
8
9
10
11
12
--accent-*
1
2
3
4
5
6
7
8
9
10
11
12
--info-*
1
2
3
4
5
6
7
8
9
10
11
12
--success-*
1
2
3
4
5
6
7
8
9
10
11
12
--warning-*
1
2
3
4
5
6
7
8
9
10
11
12
--error-*
1
2
3
4
5
6
7
8
9
10
11
12
- 1 أرضية منطقة العمل
- 2 أرضية الصفحة، حول وبين المناطق
- 3 أرضية حقل؛ الأرض الخفيفة التي تجلس عليها حالة
- 4 تحكم مرتفع؛ أرضية مُعلقة
- 5 بطاقة، كتلة - وحدودها المميزة
- 6 حد
- 7 حد بين منطقتين
- 8 حد قوي، حلقة تركيز
- 9 اللون بالكامل، يملأ ما يحدده
- 10 نفس الشيء، مُعلق
- 11 اللون كحبر، يمكن قراءته على الأرضيات
- 12 حبر قوي - للمحايد، النص نفسه
الأسطح
الأراضي، من المنطقة إلى الخارج - كل واحدة مكان على المقياس المحايد. الوجه الفاتح من لوحة التحكم يرتبها بحسب الفتحة حتى الأبيض، والوجه الداكن بحسب مدى ارتفاع كل واحدة عن الأرض.
--surface-zoneالأرض التي تقف عليها منطقة من الصفحة--surface-pageالصفحة نفسها، وما يظهر بين المناطق--surface-shellالقائمة، الرأس، التذييل--surface-1المدخلات والحقول--surface-2الأزرار، أشرطة الأدوات--surface-3الكتل، البطاقات، النوافذ المنبثقة--surface-invertتحكم يبرز بأخذ لون النصالنص
ثلاث مستويات من الانتباه - محايد 12، 11 و9: ما يتم قراءته، ما يؤهله، وما هو موجود فقط ليتم العثور عليه عند البحث عنه.
--text-color-default — ما يُقرأ
--text-color-muted — التسميات، الميتا، العناوين الفرعية
--text-color-subtle — الفواصل والحالات الفارغة
الحدود
أربعة أوزان، تُميز بما تفصل بينه - محايد 5 إلى 8: شيئين داخل منطقة واحدة، حقل مما خلفه، منطقتين من صفحة، وحلقة ما يحمل التركيز.
--border-color-discreet
--border-color-default
--border-color-region
--border-color-strong
الفئات
ثلاثة عشر لونًا لا تعني شيئًا سوى "ليس الذي بجانبه": سلسلة من مخطط، قطع من توزيع، مراحل من سير العمل. مُسماة، لا مُرقمة - يختار التطبيق `cat-mint` لأنه يشبه النعناع - وكلها مقياس مثل الآخرين، لذا تُرتدى الفئة بالطريقة التي تُرتدى بها الحالة: أرضيتها عند 3، حبرها عند 11، ممتلئة عند 9.
--cat-ruby-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-grapefruit-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-bittersweet-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-sunflower-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-straw-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-grass-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-mint-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-teal-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-aqua-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-blue-jeans-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-plum-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-lavender-*
1
2
3
4
5
6
7
8
9
10
11
12
--cat-pink-rose-*
1
2
3
4
5
6
7
8
9
10
11
12