---
stable_id: skills/skills-sh-shadcn-ui-shadcn
type: skills
title: skills-sh-shadcn-ui-shadcn
summary: >-
  # Styling & Customization

  See [customization.md](../customization.md) for theming, CSS variables, and
  adding custom colors.

  ## Contents

  - Semantic colors

  - Built-in variants first

  - className for layout only

  - No space-x-* / space-y-*

  - Prefer size-* over w-* h-* when equal

  - Prefer truncate shorthand

  - No manual dark: color overrides
tags:
  - skills-sh
  - skills-sh-all-time
source_url: https://raw.githubusercontent.com/shadcn/ui/HEAD/skills/shadcn/rules/styling.md
license: ""
upstream_ref: https://skills.sh/shadcn/ui/shadcn
github_stars: 110214
github_forks: 8267
github_is_organization: true
retrieved_at: 2026-06-11T08:33:20.053Z
content_sha256: 4a71da3fc53d8efbedac26946e5b13b53d1edf71583d62088ccc2b8cc7b5fef7
---
