يحدد تصميم المواد المختلفة الألوان. يتم استخدام هذه الألوان في العرض التوضيحي. ينصح باستخدام قيم الألوان، إذا كان ذلك ممكنًا، لإعلان لون، مما يضمن أن يكون التباين والتصميم متوافقين فيما بعد. يجب منح هذا الاهتمام الخاص، حيث يمكن أن يصبح النص غير قابل للقراءة عند التبديل من تصميم فاتح إلى داكن.
نصيحة: يمكنك تغيير الألوان في إعدادات المشروع في علامة التبويب عرض. مما يتيح لك إنشاء تصميم فردي.
هذه هي جميع ألوان الخلفية الممكنة للعرض التوضيحي.
| الاسم | القيمة | اللون | لون النص |
|---|---|---|---|
| أحمر | red | #D32F2F | #FFFFFF |
| وردي | pink | #C2185B | #FFFFFF |
| بنفسجي | purple | #7B1FA2 | #FFFFFF |
| بنفسجي داكن | deep_purple | #512DA8 | #FFFFFF |
| أزرق إنديغو | indigo | #303F9F | #FFFFFF |
| أزرق | blue | #1976D2 | #FFFFFF |
| أزرق فاتح | light_blue | #0288D1 | #FFFFFF |
| سماوي | cyan | #0097A7 | #FFFFFF |
| أزرق أخضر | teal | #00796B | #FFFFFF |
| أخضر | green | #388E3C | #FFFFFF |
| أخضر فاتح | light_green | #689F38 | #FFFFFF |
| أصفر أخضر | lime | #AFB42B | #000000 |
| أصفر | yellow | #FBC02D | #000000 |
| أمبر | amber | #FFA000 | #000000 |
| برتقالي | orange | #F57C00 | #000000 |
| برتقالي داكن | deep_orange | #E64A19 | #FFFFFF |
| خطأ | error | #B00020 | #FFFFFF |
توصي هذه الألوان للنصوص وتستخدم في الرموز على المخطط الأساسي لتوفير تباين كافي.
| الاسم | القيمة | اللون | لون النص |
|---|---|---|---|
| أحمر | red | #F44336 | #FFFFFF |
| وردي | pink | #E91E63 | #FFFFFF |
| بنفسجي | purple | #9C27B0 | #FFFFFF |
| بنفسجي داكن | deep_purple | #673AB7 | #FFFFFF |
| أزرق إنديغو | indigo | #3F51B5 | #FFFFFF |
| أزرق | blue | #2196F3 | #FFFFFF |
| أزرق فاتح | light_blue | #03A9F4 | #000000 |
| سماوي | cyan | #00BCD4 | #000000 |
| أزرق أخضر | teal | #009688 | #FFFFFF |
| أخضر | green | #4CAF50 | #000000 |
| أخضر فاتح | light_green | #8BC34A | #000000 |
| أصفر أخضر | lime | #CDDC39 | #000000 |
| أصفر | yellow | #FFEB3B | #000000 |
| أمبر | amber | #FFC107 | #000000 |
| برتقالي | orange | #FF9800 | #000000 |
| برتقالي داكن | deep_orange | #FF5722 | #FFFFFF |
| بني | brown | #795548 | #FFFFFF |
| رمادي | gray | #9E9E9E | #000000 |
| أزرق رمادي | blue_gray | #607D8B | #FFFFFF |
| خطأ | error | #B00020 | #FFFFFF |