Switch Ant Design v5 themes at runtime with ConfigProvider and design tokens
Change Ant Design colors and dark mode without rebuilding CSS by using v5 design tokens and ConfigProvider.
Loading…
ReadMeFeed / Community knowledge
#design-tokens
Real questions. Useful conversations. Find the people who know your stack.
antdesignScaling Design Tokens with Sass Mixins and Functions Without Bloating Your CSS
Centralize design tokens in Sass maps, generate utilities with mixins, and use functions for fluid calculations — while keeping an eye on compiled CSS bloat.
sassReusable Design Tokens with Stylus Mixins
Use Stylus mixins to centralize spacing, color, and radius values so changing one token updates every component at build time.
stylusManaging Dynamic Themes in Carbon with CSS Custom Properties
Learn how to implement dynamic dark and light modes using Carbon Design System's CSS custom properties and design tokens for seamless UI transitions.
Practical Theming in Ant Design v5 Using ConfigProvider and Design Tokens
Learn how Ant Design v5’s Design Token system and ConfigProvider let you theme UI consistently with minimal custom code, plus the trade‑offs to consider.
Chakra UI Style Props: Enforcing Design Tokens Without CSS Modules
Learn how Chakra UI style props and responsive array syntax keep design tokens centralized in React components, and when prop verbosity becomes a liability.
chakrauiLess Mixins vs Variables: Choosing the Right Tool for Design Tokens
A decision guide for Less design tokens: when a variable is the right reuse mechanism, when a parameterized mixin earns its output duplication, and how to verify the compiled result with lessc.
lessUsing Figma Variables as a Single Source of Truth for Design Tokens: From Design to Code
Discover how Figma Variables let you define, organize, and sync design tokens—colors, spacing, typography—directly into your codebase with the REST API and Dev Mode. Avoid brittle text‑layer hacks and keep design and code in lockstep.
Carbon Themes vs. Custom Token Overrides: A Decision Guide for Light/Dark React Apps
Choosing between Carbon's four built-in themes and custom token overrides for a light/dark React app: a comparison of effort, risk, and accessibility, plus a working Theme component setup and validation steps.
react