المظهر

المظهر

كيف يتم رسم الأشياء، بمجرد أن يتم تحديد اللون والكثافة: الزوايا، العمق، الخطوط. هذه الرموز هي محور `الواجهة` للثيم - الواجهة الافتراضية هي ما تعرضه هذه الصفحة، وواجهة أخرى هي ملف آخر يحدد نفس الأسماء، دون أي شيء يتغير أدناه.

انحناء الزوايا

لا شيء، ثم أربع خطوات كل منها ضعف الخطوة التي تليها، ثم شكل دائري. الخطوتان المتباعدتان تبقيان بنفس المسافة أينما كنت على المقياس، وهو ما يجعلها قابلة للقراءة. الخطوة الأولى بالكاد موجودة عن عمد: إنها ما تريده واجهة مسطحة عندما تقرأ الزاوية القائمة الحقيقية على أنها غير مكتملة. أي شيء أكثر استدارة من الخطوة الأخيرة هو شكل يريد أن يكون دائرة ويقول ذلك بنفسه - الدائرة ليست قرار واجهة.
--radius-0
--radius-1
--radius-2
--radius-3
--radius-4
--radius-pill

أدوار انحناء الزوايا

الشكل لا يقرأ المقياس أعلاه: إنه يقرأ الدور الذي يلعبه، والواجهة تقول أي خطوة يحصل عليها هذا الدور - وليس ما تستحقه خطوة، مما يجعل المقياس يعني شيئان في آن واحد. ما holds شيء هو صندوق، سواء كان يحتفظ بنص أو محتوى أو رسالة؛ وما يفصل بين منطقتين من صفحة ليس أي منهما، ولا يدور أي شيء. قم بتغيير الواجهة إلى `ناعمة` وانظر كيف ينفصل عنصر تحكم عن البقية: الكبسولة مناسبة لشيء بارتفاع سطر واحد وسخيفة لمنطقة نص.
--radius-control
ارتفاع سطر واحد، وضغطت
--radius-box
تحتفظ بشيء
--radius-media
صور وأشكال
--radius-pill
ما يُقرأ ككبسولة

الظلال

أربعة أعماق، من رفع رفيع إلى لوحة عائمة. واجهة تريد عالماً مسطحاً تضبط الأربعة جميعها إلى لا شيء ويتبع كل سطح مرتفع ذلك.
--shadow-1
--shadow-2
--shadow-3
--shadow-4

الحدود

الخط نفسه - عرضه وأسلوبه. لونه ليس هنا: يعود إلى نظام الألوان، وهو ما يسمح لواجهة بإزالة خط دون معرفة ما سيكون لونه.
--border-discreet
--border-default
--border-focus
--border-placeholder

الفواصل والمناطق

الخطان اللذان يميزان الأشياء: بين صفين من شيء واحد، وبين منطقتين من صفحة. عشرون شكلاً تقريباً تقرأ الأول، وهذا هو السبب في أنها رمز وليس قاعدة.
--border-separator — صف بين آخرين
صف بين آخرين
صف بين آخرين
--border-region — منطقة من الصفحة، محددة على هذا النحو