Skip to content

Comments

feat: update handling of base styles#9592

Merged
shadcn merged 4 commits intomainfrom
shadcn/fix-base-layer-handling
Feb 12, 2026
Merged

feat: update handling of base styles#9592
shadcn merged 4 commits intomainfrom
shadcn/fix-base-layer-handling

Conversation

@shadcn
Copy link
Collaborator

@shadcn shadcn commented Feb 9, 2026

Base layer styles (@layer base, tw-animate-css import) were previously hardcoded in updateBaseLayerPlugin, a PostCSS plugin that ran on every shadcn add command. This moves them to the registry:style item's css field, for instance new-york, making them registry-driven and decoupled from the CLI.

The CLI no longer injects the following base layer styles:

@layer base {
  * {
    @apply border-border outline-ring/50;
  }
  body {
    @apply bg-background text-foreground;
  }
}

Test

Use the following command to test:

npx shadcn@3.8.5-beta.0 init

@vercel
Copy link
Contributor

vercel bot commented Feb 9, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

1 Skipped Deployment
Project Deployment Actions Updated (UTC)
ui Ignored Ignored Preview Feb 9, 2026 1:20pm

Request Review

@shadcn shadcn merged commit 597a8db into main Feb 12, 2026
13 checks passed
@shadcn shadcn deleted the shadcn/fix-base-layer-handling branch February 12, 2026 07:36
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant