How do you add a new color to your Tailwind theme?

Problem Statement

Explanation

Custom colors are added inside the theme.extend section of tailwind.config.js. This keeps existing Tailwind colors and adds your custom palette. You can then use these colors directly as class names like text-brand or bg-brand.

Code Solution

SolutionRead Only

theme: { extend: { colors: { brand: '#0EA5E9' } } }

Practice Sets

This question appears in the following practice sets:

Configuration & Customization

Next Question

Master Interviews
Anywhere, Anytime

How do you add a new color to your Tailwind theme?

Problem Statement

Explanation

Code Solution

Practice Sets

Related Questions

What is Tailwind CSS primarily known for?

Which command installs Tailwind CSS via npm?

What is a 'utility class' in Tailwind CSS?

What is one major advantage of using Tailwind CSS?

Where do you include Tailwind’s base, components, and utilities in your project?

More from Tailwind CSS

Master Interviews Anywhere, Anytime

How do you add a new color to your Tailwind theme?

Problem Statement

Explanation

Code Solution

Practice Sets

Related Questions

What is Tailwind CSS primarily known for?

Which command installs Tailwind CSS via npm?

What is a 'utility class' in Tailwind CSS?

What is one major advantage of using Tailwind CSS?

Where do you include Tailwind’s base, components, and utilities in your project?

More from Tailwind CSS

Master Interviews
Anywhere, Anytime