Skip to main content
السمة هي لوحة ألوان مشتركة وتدوير زوايا للشاشات. لكل ملف سمة ومظهر (فاتح أو داكن)، وتُنسَّق الشاشات باستخدام رموز السمة. عدّل السمة، وستتبعها كل شاشة تستخدمها، فيعمل فريقك وفق مجموعة واحدة من القرارات بدلًا من تكرار الألوان في كل موجه. السمات التي تنشئها أو تولّدها تُحفظ في مؤسستك وتظهر ضمن Themes في Home، لذا يمكن لأي ملف في المؤسسة استخدامها.

​
اختيار سمة لملف

اختر السمة والمظهر للشاشات الجديدة من مُنشئ الموجه داخل الملف. زر السمة غير متاح في مربع الموجه على Home.
1

افتح قائمة السمات

في مُنشئ الموجه، انقر على زر السمة — يعرض عينة اللون للسمة الحالية، أو عجلة ألوان عندما تكون السمة Automatic. عنوان القائمة Theme for new screens.
2

اختر سمة

اختر Automatic، أو إحدى سمات مؤسستك (وتظهر أولًا)، أو سمة مدمجة: Default، أو Blue، أو Grayscale، أو Green، أو Ice، أو Orange، أو Red، أو Rose، أو Violet، أو Yellow.
3

اختر المظهر

ضمن Appearance، اختر Light أو Dark، أو Automatic للسماح لـ Flowstep بالتحديد لكل شاشة وفق موجهك — فموجه “لوحة معلومات داكنة” يخرج داكنًا.
يسري اختيارك على الشاشات التي تنشئها بعد ذلك. الشاشات الموجودة على اللوحة تحتفظ بمظهرها.

​
دع Flowstep يصمّم سمة

عندما لا يكون للملف سمة بعد — ملف جديد تبقى فيه السمة على Automatic — يصمّم Flowstep سمة مخصصة مع الشاشات الأولى التي ينشئها. سترى خطوة Designing theme في المحادثة أثناء عمله. يبني Flowstep السمة من:
  • الألوان التي تذكرها في موجهك
  • الألوان الواردة في إرشادات التصميم الخاصة بك
  • ألوان العلامة التجارية من المرفقات والروابط التي تلصقها
  • المنتج والأجواء التي يصفها موجهك، عندما لا تتوفر معلومات أكثر تحديدًا
تحصل السمة على اسم قصير، ولوحة ألوان كاملة للوضعين الفاتح والداكن، وخطوة تدوير للزوايا. تُحفظ في مؤسستك ضمن Themes في Home، ويستخدمها الملف لكل شاشة تُنشأ بعد ذلك. بمجرد أن يصبح للملف سمة، لا يصمّم Flowstep سمة أخرى من تلقاء نفسه. للحصول على سمة جديدة، اختر Automatic مرة أخرى من قائمة السمات — فيصمّم التوليد التالي سمة جديدة، ويستقر الملف عليها. إذا تعذّر على Flowstep تصميم سمة، يعود الملف إلى سمة مدمجة.
اذكر ألوان علامتك التجارية في موجهك الأول، أو عيّنها في إرشادات التصميم قبل التوليد، وستنطلق السمة المُولَّدة منها.

​
تغيير سمة شاشة واحدة

لإعادة تنسيق شاشة واحدة دون المساس ببقية الملف:
  1. حدّد الشاشة على اللوحة.
  2. في القائمة فوق الشاشة، انقر على الزر Theme.
  3. اختر إحدى سمات مؤسستك أو سمة مدمجة، أو بدّل بين Light وDark.
يُعيد تغيير السمة رسم الشاشة فورًا. أما التبديل بين Light وDark فيطلب من الذكاء الاصطناعي إعادة تنسيق الشاشة، تمامًا مثل التعديل بالذكاء الاصطناعي. القائمة غير متاحة أثناء تشغيل توليد.

​
تعديل سمة

افتح سمة من القسم Themes في Home. يعرض محرر السمات معاينة حية للسمة، مع Theme settings على اليمين. استخدم زرّي Light وDark في الأعلى لتبديل المعاينة، وانقر على اسم السمة لإعادة تسميتها.
  • Colors — لكل مجموعة ألوان عينة للوضع الفاتح وأخرى للوضع الداكن: Primary، Secondary، Accent، Muted، Destructive، Background، Card، Popover، Border، Input، Ring، Charts، وSidebar. انقر على عينة لتعديل ألوانها — مثل لون التعبئة ولون النص للمجموعة — باستخدام منتقي الألوان أو قيمة hex.
  • Radius — اختر خطوة تدوير (Square، أو Slight، أو Balanced، أو Soft، أو Round)، أو اختر Custom واسحب Base radius لتحديد قيمتك.
تُحفظ تعديلاتك كمسودة، فلا تتغير الشاشات أثناء عملك. عندما تكون جاهزًا:
  • انقر على Publish لتحديث كل شاشة تستخدم السمة. يؤكد Flowstep بالعبارة “Published. Screens using this theme are updating.” (تم النشر. الشاشات التي تستخدم هذه السمة قيد التحديث).
  • انقر على Reset changes لتجاهل تعديلاتك غير المنشورة. الشاشات التي تستخدم السمة لا تتأثر.
لحذف سمة، انقر على Delete theme في أسفل Theme settings، أو على أيقونة سلة المهملات بجانبها في قائمة Themes في Home. لم تعد السمة المحذوفة تُعرض في قوائم السمات، لكن الشاشات التي تستخدمها بالفعل تحتفظ بمظهرها، فلا يتغير شيء على اللوحة.
يمكن لجميع أعضاء مؤسستك باستثناء Guests (الضيوف) تعديل السمات وحذفها.

​
ربط الألوان والزوايا بسمتك

يمكن أن تشير الألوان والزوايا إلى رمز سمة بدلًا من قيمة ثابتة. تتبع القيمة المرتبطة سمة الشاشة، لذا عند تغيّر السمة — بسمة مختلفة، أو بنشر تعديل، أو بالتبديل بين الفاتح والداكن — تتحدّث الألوان والزوايا المرتبطة معها. Colors — في لوحة Fill أو Border، انقر على عينة اللون. في تبويب Token، ابحث عن رمز أو اختره من المجموعات Theme أو Base أو Tailwind. استخدم تبويب Custom للحصول على لون دقيق. يعرض اللون المرتبط اسم رمزه في اللوحة، ويمكنك مع ذلك تعديل شفافيته. Corners — في لوحة Corners، انقر على معاينة الزاوية. في تبويب Token، اختر خطوة (مثل md أو lg)؛ وفي تبويب Custom، اكتب قيمة دقيقة بالبكسل. تعرض الزاوية المرتبطة اسم رمزها، وتغيير تدوير السمة يُعيد تدويرها. لتحويل قيمة مرتبطة إلى قيمة ثابتة، انقر على Detach from token. يحتفظ اللون أو الزاوية بمظهره الحالي، لكنه لا يتبع السمة بعد ذلك.

​
أمور جديرة بالمعرفة

  • الشاشات تحتفظ بسمتها الخاصة — كل شاشة تتذكر سمتها ومظهرها. تغيير سمة الملف يؤثر فقط على الشاشات التي تُنشأ بعد ذلك؛ استخدم قائمة Theme لكل شاشة لإعادة تنسيق الشاشات الموجودة.
  • الإصدارات المنشورة فقط — تعرض الشاشات الإصدار المنشور من السمة. المسودات تظهر في محرر السمات فقط حتى تنشرها.
  • روابط الرموز تستمر عبر التعديلات — ألوان السمة المستخدمة داخل الظلال والمرشحات والتدرجات تبقى مرتبطة بالسمة عندما يعدّل Flowstep شاشة أو يعيد توليدها.
  • خطوات التدوير الثابتة — رمزا الزوايا none وfull مربعان دائمًا ومدوّران بالكامل، بغض النظر عن تدوير السمة.