Academytheming

Primary color - Method 2. Custom color

Learn how to use a custom color as your primary color in the shadcn/ui kit for Figma.

Instructions

  1. Open the variables panel
  2. Switch to Theme collection
  3. Find the ⁠primary-light variable in the colors group
  4. Unlink the neutral/900 variable in the value field
  5. Enter ⁠#7C3AED in the value field
  6. Find the ⁠primary-dark variable in the colors group
  7. Unlink the current variable in the value field
  8. Enter ⁠#7C3AED in the value field
7 of 45