> ## Documentation Index
> Fetch the complete documentation index at: https://docs.flowstep.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# שימוש בערכות נושא כדי לשמור על צבעים ופינות עקביים במסכי Flowstep

> בחרו או צרו ערכת נושא לכל קובץ, עצבו מחדש מסכים בודדים, ערכו את ערכות הנושא של הארגון שלכם, וקשרו צבעים ופינות לטוקנים של ערכת הנושא כדי ששינויים יעברו לכל המסכים.

ערכת נושא היא לוח צבעים משותף ועיגול פינות למסכים שלכם. לכל קובץ יש ערכת נושא ומראה (בהיר או כהה), ומסכים מעוצבים לפי הטוקנים של ערכת הנושא. כשעורכים ערכת נושא, כל מסך שמשתמש בה מתעדכן בהתאם. כך הצוות שלכם עובד לפי קבוצה אחת של החלטות, במקום לציין צבעים מחדש בכל פרומפט.

ערכות נושא שאתם יוצרים או מייצרים נשמרות לארגון שלכם, ומופיעות תחת **Themes** ב-Home, כך שכל קובץ בארגון יכול להשתמש בהן.

## בחירת ערכת נושא לקובץ

בחרו את ערכת הנושא והמראה למסכים חדשים מתוך מרכיב הפרומפט שבתוך קובץ. כפתור ערכת הנושא אינו זמין בתיבת הפרומפט ב-Home.

<Steps>
  <Step title="פתחו את תפריט ערכת הנושא">
    במרכיב הפרומפט, לחצו על כפתור ערכת הנושא. הוא מציג את הדוגמית של ערכת הנושא הנוכחית, או גלגל צבעים כשערכת הנושא היא **Automatic**. התפריט נקרא **Theme for new screens**.
  </Step>

  <Step title="בחרו ערכת נושא">
    בחרו **Automatic**, אחת מערכות הנושא של הארגון שלכם (הן מופיעות ראשונות), או ערכת נושא מובנית: **Default**, **Blue**, **Grayscale**, **Green**, **Ice**, **Orange**, **Red**, **Rose**, **Violet** או **Yellow**.
  </Step>

  <Step title="בחרו מראה">
    תחת **Appearance**, בחרו **Light** או **Dark**, או **Automatic** כדי ש-Flowstep יחליט לכל מסך לפי הפרומפט שלכם. למשל, "לוח מחוונים כהה" ייצא כהה.
  </Step>
</Steps>

<Note>
  הבחירה שלכם חלה על המסכים שתיצרו הבאים. מסכים שכבר נמצאים על הקנבס שומרים על המראה שלהם.
</Note>

## לתת ל-Flowstep לעצב ערכת נושא

כשלקובץ אין עדיין ערכת נושא — קובץ חדש שבו ערכת הנושא נשארה על **Automatic** — Flowstep מעצב ערכת נושא מותאמת אישית, יחד עם המסכים הראשונים שהוא יוצר. תראו שלב **Designing theme** בצ'אט בזמן שהוא עובד.

Flowstep בונה את ערכת הנושא מתוך:

* צבעים שאתם מציינים בפרומפט
* צבעים ב[הנחיות העיצוב](/he/design-guidelines) שלכם
* צבעי מותג מקבצים מצורפים ומ[קישורים שאתם מדביקים](/he/design-references#paste-a-url)
* המוצר והמצב שהפרומפט מתאר, כשאין מידע ספציפי יותר להסתמך עליו

לערכת הנושא יש שם קצר, פלטה מלאה לבהיר ולכהה, ושלב של עיגול פינות. היא נשמרת לארגון שלכם תחת **Themes** ב-Home, והקובץ משתמש בה לכל מסך שייווצר אחריה.

לאחר שלקובץ יש ערכת נושא, Flowstep לא מעצב ערכת נושא נוספת מיוזמתו. כדי לקבל ערכת נושא חדשה, בחרו שוב ב-**Automatic** בתפריט ערכת הנושא. היצירה הבאה תעצב ערכת נושא חדשה, והקובץ יתייצב עליה. אם Flowstep לא מצליח לעצב ערכת נושא, הקובץ חוזר לערכת נושא מובנית.

<Tip>
  הזכירו את צבעי המותג שלכם בפרומפט הראשון, או הגדירו אותם ב[הנחיות העיצוב](/he/design-guidelines) לפני היצירה, וערכת הנושא שתיווצר תתחיל מהם.
</Tip>

## שינוי ערכת הנושא של מסך אחד

כדי לעצב מחדש מסך יחיד בלי לגעת בשאר הקובץ:

1. בחרו את המסך בקנבס.
2. בתפריט שמעל המסך, לחצו על כפתור **Theme**.
3. בחרו אחת מערכות הנושא של הארגון או ערכת נושא מובנית, או עברו בין **Light** ל-**Dark**.

החלפת ערכת הנושא צובעת מחדש את המסך מיד. מעבר בין **Light** ל-**Dark** מבקש מה-AI לעצב מחדש את המסך, בדומה ל[עריכת AI](/he/editing-designs). התפריט אינו זמין בזמן שיצירה פועלת.

## עריכת ערכת נושא

פתחו ערכת נושא מהסעיף **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. ערכת נושא שנמחקה כבר לא מוצעת בתפריטי ערכות הנושא, אבל מסכים שכבר משתמשים בה שומרים על המראה שלהם, כך שדבר בקנבס לא משתנה.

<Note>
  כל מי שנמצא בארגון שלכם, מלבד Guests, יכול לערוך ולמחוק ערכות נושא.
</Note>

## קישור צבעים ופינות לערכת הנושא

צבעים ופינות יכולים להצביע על טוקן של ערכת נושא, במקום על ערך קבוע. ערך מקושר עוקב אחר ערכת הנושא של המסך, ולכן כשערכת הנושא משתנה — ערכת נושא אחרת, עריכה שפורסמה, או מעבר בין בהיר לכהה — צבעים ופינות מקושרים מתעדכנים איתה.

**Colors** — בחלונית **Fill** או **Border**, לחצו על דוגמית הצבע. בלשונית **Token**, חפשו או בחרו טוקן מהקבוצות **Theme**, **Base** או **Tailwind**. השתמשו בלשונית **Custom** לצבע מדויק. צבע מקושר מציג את שם הטוקן שלו בחלונית, ואפשר עדיין לשנות את האטימות שלו.

**Corners** — בחלונית **Corners**, לחצו על תצוגה מקדימה של פינה. בלשונית **Token**, בחרו צעד (למשל `md` או `lg`). בלשונית **Custom**, הקלידו ערך מדויק בפיקסלים. פינה מקושרת מציגה את שם הטוקן שלה, ושינוי עיגול ערכת הנושא מעגל אותה מחדש.

כדי להפוך ערך מקושר לקבוע, לחצו על **Detach from token**. הצבע או הפינה שומרים על המראה הנוכחי שלהם, אבל כבר לא עוקבים אחרי ערכת הנושא.

## דברים שכדאי לדעת

* **מסכים שומרים על ערכת הנושא שלהם** — כל מסך זוכר את ערכת הנושא והמראה שלו. שינוי ערכת הנושא של הקובץ משפיע רק על מסכים שתיצרו אחר כך. השתמשו בתפריט **Theme** של כל מסך כדי לעצב מחדש מסכים קיימים.
* **רק גרסאות שפורסמו** — מסכים מציגים את הגרסה שפורסמה של ערכת נושא. טיוטות גלויות רק בעורך ערכת הנושא, עד לפרסום.
* **קישורי טוקנים נשמרים בעריכות** — צבעי ערכת הנושא שמשמשים בתוך צללים, מסננים וגרדיאנטים נשארים מקושרים לערכת הנושא כש-Flowstep עורך או יוצר מחדש מסך.
* **צעדי עיגול שלא מתרחבים** — טוקני הפינות `none` ו-`full` תמיד יהיו מרובעים ועגולים לגמרי, לא משנה מה העיגול של ערכת הנושא.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.