রঙ
রঙ
কোনো উপাদান একটি রঙের নাম দেয় না। রঙ প্যালেটে থাকে, উজ্জ্বল এবং গা dark ় দুটি মুখের জন্য দেওয়া বারো স্বরের স্কেল হিসাবে; রঙের স্কিম পৃষ্ঠা পড়ার জন্য কোন মুখটি বেছে নেয়; একটি উপাদান একটি ভূমিকা পড়ে — একটি পৃষ্ঠ, একটি সীমানা, একটি টেক্সট — যা একটি স্কেলে একটি স্থান। ত্বক কখনো একটি রঙ বলে না। হেডার থেকে স্কিমটি পরিবর্তন করুন এবং নিচের প্রতিটি সোয়াচ একটি একক পুনঃসংজ্ঞায়িত না করে চলে যায়।
স্কেল
একটি প্যালেট একটি নিরপেক্ষ, একটি অ্যাকসেন্ট — ব্র্যান্ড — এবং চারটি অবস্থার জন্য, প্রত্যেকটি বারো স্বরের একটি স্কেল, যেভাবে রাডিক্স থিম এবং ম্যাটেরিয়াল ৩ একটি রঙকে সাজায়। একটি স্কেলে একটি স্থানের মানে প্রতিটি স্কেলে এবং উভয় মুখে একই: নিচের সংখ্যাগুলোর জন্য কি। একটি অ্যাপ তার অ্যাকসেন্ট দিয়ে তার প্যালেট আনে; প্রতিটি স্কেল অনুসরণ করে।
--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 শক্তিশালী কালি — নিরপেক্ষের জন্য, টেক্সট নিজেই
পৃষ্ঠ
মাঠগুলি, অঞ্চল থেকে বাইরে — প্রতিটি একটি নিরপেক্ষ স্কেলে একটি স্থান। ড্যাশবোর্ডের উজ্জ্বল মুখ সেগুলোকে সাদা পর্যন্ত উজ্জ্বলতার দ্বারা সাজায়, গা dark ় মুখ প্রতিটি কতটা মাটির উপর উঁচু।
--surface-zoneএকটি পৃষ্ঠের অঞ্চলের উপর যে ভূমি--surface-pageপৃষ্ঠ নিজেই, এবং যা অঞ্চলগুলির মধ্যে দেখায়--surface-shellমেনু, হেডার, ফুটার--surface-1ইনপুট এবং ক্ষেত্র--surface-2বাটন, টুলবার--surface-3ব্লক, কার্ড, মডাল--surface-invertএকটি নিয়ন্ত্রণ যা টেক্সটের রঙ নিয়ে দাঁড়িয়ে আছেটেক্সট
মনে রাখার তিনটি স্তর — নিরপেক্ষ ১২, ১১ এবং ৯: যা পড়া হচ্ছে, যা এটিকে যোগ্য করে, এবং যা শুধুমাত্র খোঁজার সময় পাওয়া যায়।
--text-color-default — কি পড়া হচ্ছে
--text-color-muted — লেবেল, মেটা, সাবটাইটেল
--text-color-subtle — সেপারেটর এবং খালি অবস্থাগুলি
সীমানা
চারটি ওজন, যা তারা পৃথক করে তা দ্বারা বলা হয় — নিরপেক্ষ ৫ থেকে ৮: একটি অঞ্চলের ভিতরে দুটি জিনিস, যা তার পিছনে থেকে একটি ক্ষেত্র, একটি পৃষ্ঠের দুটি অঞ্চল, এবং যা ফোকাসে রয়েছে তার রিং।
--border-color-discreet
--border-color-default
--border-color-region
--border-color-strong
ক্যাটাগরিজ
তেরটি রঙ যা কিছুই বোঝায় না কিন্তু "এটি পাশে নেই": একটি চার্টের সিরিজ, একটি বিতরণের অংশ, একটি ওয়ার্কফ্লোর পর্যায়। নামযুক্ত, সংখ্যা নয় — একটি অ্যাপ `cat-mint` বেছে নেয় কারণ এটি মেন্থলের মতো দেখায় — এবং প্রতিটি অন্যদের মতো একটি স্কেল, তাই একটি ক্যাটাগরি সেইভাবে পরা হয় যেমন একটি রাষ্ট্র হয়: এর ভিত্তি ৩, এর কালি ১১, পূর্ণ ৯।
--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