Design system
עיצוב וטוקנים
כל צבע, רדיוס, צל וצבע תרשים מרוכזים בקובץ קונפיגורציה אחד כדי לשנות את המראה בלי לגעת בכל הרכיבים.
פלטת צבעים
מבוססת על תחושה חמה, מקצועית ונקייה מהאתר של ברק ייעוץ והשקעות.
background
#f7f4ec
surface
#fffdf8
surfaceMuted
#f1eadb
border
#e5dac7
text
#1f2a2e
textMuted
#657178
primary
#1f6f8b
primarySoft
#d9edf2
secondary
#74a898
accent
#d9952f
accentSoft
#f7e4c4
success
#4f8f65
warning
#c98921
danger
#b85b5b
איך משנים
המטרה היא שינוי קל בלי refactor.
Configurable
קובץ מקור
src/config/theme.tsמשתני CSS מרכזיים
`globals.css` מגדיר את המשתנים תחת `:root`, והרכיבים משתמשים ב-`var(--color-...)` במקום צבעים קשיחים.
רכיבים לשימוש חוזר
`components/ui` מכיל את שכבת הכרטיסים, הטבלאות, הכפתורים והתגיות. `components/charts` מכיל wrappers לתרשימים.
צבעי תרשימים
סדר הצבעים הגלובלי לכל תרשים חדש.
#1f6f8b#74a898#d9952f#9c6fbd#4f8f65#b85b5b#5874a6