Skip to content

[Toolkit][Shadcn] Update INSTALL.md with full setup steps#3511

Open
seb-jean wants to merge 1 commit intosymfony:3.xfrom
seb-jean:shadcn-style
Open

[Toolkit][Shadcn] Update INSTALL.md with full setup steps#3511
seb-jean wants to merge 1 commit intosymfony:3.xfrom
seb-jean:shadcn-style

Conversation

@seb-jean
Copy link
Copy Markdown
Contributor

@seb-jean seb-jean commented May 1, 2026

Q A
Bug fix? no
New feature? no
Deprecations? no
Documentation? no
Issues Fix #...
License MIT

The previous INSTALL.md was incomplete: it only showed the CSS variables block, leaving users to guess how to install fonts and dependencies. This PR rewrites the installation guide into a clear, step-by-step flow:

  1. Install CSS packages@fontsource-variable/geist, @fontsource-variable/geist-mono, tw-animate-css, and shadcn, with commands for both AssetMapper and Webpack Encore / npm.
  2. Update app.css — import the new packages, move @theme inline before :root), add font variables (--font-sans, --font-mono, --font-heading) and sidebar color mappings. CSS variables are taken directly from Shadcn's default CSS.
  3. Import fonts from the JS entrypoint — adds import '@fontsource-variable/geist/index.min.css' step for both AssetMapper and Webpack Encore.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants