Tutorial 08b · Theming

Tokens & Customization

Override brand primitives and semantic tokens without forking lucUI.

12 minIntermediatelucUI 2 · v2.1.3

Objectives

  • Override --studio-gold etc. in :root.
  • Keep components — only tokens.

Steps

Override

custom.css
:root{ --studio-gold:#c8b87a; --luca-navy:#0f1f36; --radius-xl:28px; }

Scoped

Scope to a section: .my-brand{--studio-gold:red}.

← Previous Next →