tailwind add theme colors

// tailwind.config.js
module.exports = {
  theme: {
    colors: {
      transparent: 'transparent',
      current: 'currentColor',
      blue: {
        light: '#85d7ff',
        DEFAULT: '#1fb6ff',
        dark: '#009eeb',
      },
      pink: {
        light: '#ff7ce5',
        DEFAULT: '#ff49db',
        dark: '#ff16d1',
      },
      gray: {
        darkest: '#1f2d3d',
        dark: '#3c4858',
        DEFAULT: '#c0ccda',
        light: '#e0e6ed',
        lightest: '#f9fafc',
      }
    }
  }
}

Are there any code examples left?
Create a Free Account
Unlock the power of data and AI by diving into Python, ChatGPT, SQL, Power BI, and beyond.
Sign up
Develop soft skills on BrainApps
Complete the IQ Test
Relative searches
custom color palette for tailwind tailwind default theme color tailwind theme extend colors theme.colors tailwind change tailwind color scheme customize tailwind colors tailwind css dark background theme tailwindcss dark background theme theme extend tailwind bg color extend tailwind color with custom colors custom colors in tailwind Tailwindcss light dark theme switch tailwind custom color palette how to use theme colors tailwind tailwindcss generate colors import colors from tailwind default theme tailwind css primary color set primary color tailwindcss add a custom color tailwind tailwind css theme primary color adding custom colors tailwind css tailwind color in custom css tailwind custom colors examples customizing tailwind color in html coloring from theme tailwind css tailwind css change primary-color tailwind add primary color custom colors in tailwind css edit colors in tailwind tailwind customize colors tailwindcss add custom colors tailwind css next theme colors tailwind css next themes colors setting up theme color in tailwind palette color websitehttps://tailwindcss.com/docs/customizing-colors tailwind theme() color tailwind add new colors use colors in tailwind css new colors in tailwind tailwind color customize documentation change tailwind colors tailwindcss best color themes define custom colors tailwind adding custom colors to tailwind tailwind define new colors add a custom color in tailwindcss how to extend theme and use color tailwind tailwind config color theme tailwind css apply custom colors use custom colors tailwindcss creating custom theme color tailwind tailwind color theming dark tailwind color theming tailwinds custom colors how to use tailwind colors add custom colors tailwinds custom colors tailwindcss how to add colors to tailwind tailwind css add colors use global color defined in theme + tailwind tailwind css theme global color tailwind color themes tailwind css how to set colors by `${}` template tailwindcss how to set colors by `${}` template tailwindcss how to set colors by js template change text color on dark theme tailwindcss tailwind generate colors colour scheme tailwind css set primary color in tailwind css how to tailwind css custom color tailwind ui colors tailwindcss theming by color name tailwind white color how to setup tailwind css colors theme tailwind get theme color set primary color tailwind use custom colores in tailwind css use tailwind colors in css tailwind extebnd colors to theme tailwind add new colors to theme tailwind add custom colors tailwind adding custom colors tailwindcss use theme color in js use theme color tailwind css generate tailwindcss color tailwind set color for dark theme tailwind css add color palette tailwindcss theme color function tailwind color set for dark how to add tailwindcss colors how to add colors to the tailwind css Tailwind CSS primary color theme all tailwind colors how to add custom colors in tailwind generate tailwind colors colors in tailwind css custom color in tailwind css tailwindcss custom colors tailwind basic colors color white tailwind css add custom color to tailwind add colors tailwind how to use customize colors in tailwind tailwind dark mode colors theme text color in tailwind tailwind set primary color tailwind add colors tailwind css custom color tailwind dark theme palette tailwind set custom color use custom color tailwind css tailwind colors palette add colors to tailwind tailwind default color palette tailwindcss new color palette tailwind theme colors custom color tailwind css tailwindcss.com colors tailwinds colors tailwind color scheme tailwind use brand colors how to use custom colors with tailwind css custom color theme with tailwind css tailwind brand colors tailwind all colors tailwind.css colors tailwind how to use custom colors tailwind add custom color react tailwind classes with different theme colors tailwind classes with different theme colors tailwind css add custom colors custom colors tailwind custom text colors tailwindcss tailwind use color example default tailwind color schemes tailwindcss colors tailwind color palette tailwind css custom colors tailwind css theme palette tailwind css colors tailwind default colors tailwind custom colors
Made with love
This website uses cookies to make IQCode work for you. By using this site, you agree to our cookie policy

Welcome Back!

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign in
Recover lost password
Or log in with

Create a Free Account

Sign up to unlock all of IQCode features:
  • Test your skills and track progress
  • Engage in comprehensive interactive courses
  • Commit to daily skill-enhancing challenges
  • Solve practical, real-world issues
  • Share your insights and learnings
Create an account
Sign up
Or sign up with
By signing up, you agree to the Terms and Conditions and Privacy Policy. You also agree to receive product-related marketing emails from IQCode, which you can unsubscribe from at any time.
Creating a new code example
Code snippet title
Source