Skip to content

How do you customize Tailwind CSS colors? #15668

Closed Answered by AidenJastrzembski
Hadyen888 asked this question in Help
Discussion options

You must be logged in to vote

Edit the theme.extend.colors section in tailwind.config.js.
it would look like this

  theme: {
    extend: {
      colors: {
        primary: {
          light: '#6D28D9', // Custom light shade
          DEFAULT: '#4C1D95', // Default primary color
          dark: '#3B0764', // Custom dark shade
        },
        secondary: '#14B8A6', // Single custom color
        danger: '#EF4444', // Another custom color
      },
    },
  },
  plugins: [],
};

Replies: 1 comment

Comment options

You must be logged in to vote
0 replies
Answer selected by Hadyen888
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Category
Help
Labels
None yet
2 participants