انتقال إلى المحتوى الرئيسي

نظام التصميم

يختار المستخدم لونا من أربعة، والوضع الفاتح أو الداكن، واللغة. كل الشاشات تأخذ ألوانها من متغيرات التصميم نفسها (Tokens)، فينطبق أي اختيار على التطبيق كله دون إعادة تصميم أي شاشة. أي 8 حالات من تصميم واحد.

Explore screen — slate theme, light, English
Explore screen — forest theme, light, English
Explore screen — rose theme, light, English
Explore screen — ochre theme, light, English
Explore screen — slate theme, dark, Arabic
Explore screen — forest theme, dark, Arabic
Explore screen — rose theme, dark, Arabic
Explore screen — ochre theme, dark, Arabic

The same screen in all 8 contexts

المظهر: اللون والوضع واللغة، مع معاينة مباشرة
المظهر: اللون والوضع واللغة، مع معاينة مباشرة
المظهر: اللون والوضع واللغة، مع معاينة مباشرة
المظهر: اللون والوضع واللغة، مع معاينة مباشرة

المظهر: اللون والوضع واللغة، مع معاينة مباشرة

ThemeLight primaryWhite textDark primaryDark text
Slate / أزرق#2E5E7E7.0:1#8DB8D68.9:1
Forest / أخضر#2F6B576.2:1#8CCDB410.3:1
Rose / وردي#8E4A576.4:1#E3A9B49.4:1
Ochre / عسلي#7A5A166.4:1#DDBB6E10.2:1

Session type colors (workshop, ongoing, one-time) and Live stay the same in every theme, and every badge carries a word, not only a color.