moex/moex-vibe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
moex-vibe/apps/docs/docs/frontend/styling.md

1.5 KiB
Raw Blame History

Стили

Подход

Управление стилями осуществляется через пакет дизайн-системы @moex-vibe/design-system, который предоставляет:

  • Систему токенов (primitives → semantic → component)
  • MUI 6.5 тему, построенную на токенах
  • CSS-переменные --mv-* для доступа из обычного CSS

Все новые компоненты должны использовать токены дизайн-системы. Подробнее — Дизайн-система.

Legacy: CSS custom properties

Ранее стили определялись через единый styles.css с CSS custom properties. Этот подход считается устаревшим — новые страницы должны использовать токены дизайн-системы.

CSS custom properties

Определены в styles.css:

  • --color-surface — фон карточек
  • --color-text — основной цвет текста
  • --color-text-secondary — второстепенный цвет текста
  • --color-positive — положительное изменение (#2e7d32)
  • --color-negative — отрицательное изменение (#c62828)
  • --border-radius — радиус скругления
  • --shadow — тень для карточек