nest-mui
Installation
SKILL.md
MUI v7 Patterns — Nest Monorepo
Material-UI v7 (@mui/material ^7.3.11) with Emotion styling. Four theme files exist per app context (note: @mui/x-date-pickers is on its own major, ^8.x, independent of material's v7). Primary styling is sx prop inline — no CSS modules, no separate style files.
Project-Specific Architecture
Theme Files
| App | Path | Extras |
|---|---|---|
| Provider Portal | apps/frontend/provider-portal/src/components/NestMuiTheme.ts |
nestBrandColors, assistantColors, custom Chip tertiary variant |
| Patient Navigator | apps/frontend/patient-navigator/src/components/NestMuiTheme.ts |
Account-level custom primaryColor, secondaryColor, background |
| Retool | apps/retool/components/src/NestMuiTheme.ts |
Shared subset |
| Yoda | apps/frontend/yoda/src/theme/theme.ts (NOT NestMuiTheme.ts) |
Dark-mode-first (rgb(24,25,27) / light #f5f5f5), DM Sans headings, own nestBrandColors |
Provider Portal / Patient Navigator / Retool export getTheme(mode, options?), mixins, and getPreferredThemeMode(). Yoda's theme exports getTheme(mode) (no options param) and getPreferredThemeMode(), but no mixins — its file lives under src/theme/, not src/components/.