Web Components · Phần 6 — CSS encapsulation, theming và shadow parts
Thiết kế ranh giới CSS cho Web Components bằng inheritance, custom properties, :host, ::slotted, ::part, exportparts và constructable stylesheets có fallback.
Filter/Tag
#theming
4 entries
-
-
Tailwind, Radix & shadcn/ui · Part 10 — Theming & Customizing shadcn
How the CSS-variable theme works, building light/dark, generating a brand theme, customizing a copied component, and the registry system for sharing your own. With a live theme generator.
-
Tailwind, Radix & shadcn/ui · Part 3 — Design Tokens & Theming with @theme
The heart of Tailwind v4: define your own colors, fonts, spacing and radius as design tokens with @theme — each token becomes a utility automatically. Plus the v4 way to do dark mode. With a live token studio.
-
CSS Custom Properties & @property — Runtime Theming, Cascade, and Typed Animation
Senior deep dive: CSS custom properties vs Sass, cascade scoping, fallbacks, JS APIs, semantic theming, IACVT, and @property for gradient animation.