رنگ
رنگ
کوئی جزو رنگ کا نام نہیں دیتا۔ رنگ پیلیٹ میں رہتا ہے، بارہ سر tones کی پیمائش کے طور پر دی گئی روشنی کے چہرے اور تاریک چہرے کے لیے؛ رنگ سکیم یہ طے کرتی ہے کہ صفحہ کس چہرے سے پڑھتا ہے؛ ایک جزو ایک کردار پڑھتا ہے — ایک سطح، ایک سرحد، ایک متن — جو ایک پیمانے پر ایک مقام ہے۔ جلد کبھی رنگ نہیں بتاتی۔ ہیڈر سے سکیم سوئچ کریں اور نیچے ہر رنگ کا نمونہ بغیر ایک بھی دوبارہ تعریف کیے منتقل ہوتا ہے۔
پیمائشیں
ایک پیلیٹ ایک نیوٹرل، ایک ایکسنٹ — برانڈ — ہے اور چار حالتیں، ہر ایک بارہ سر tones کی پیمائش، اس طرح ترتیب دی گئی ہیں جیسے 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