Skip to main content

Renaming gray to grey in Tailwind CSS

Warning: This post is over a year old. I don't always update old posts with new information, so some of this information may be out of date.

In tailwind.config.js:

const { colors } = require('tailwindcss/defaultTheme')

module.exports = {
  purge: ["./public/**/*.html"],
  theme: {
    extend: {
      colors: {
        // Remove the "gray" colours from the theme.
        gray: {},

        // Create a new set of "grey" colours, using the original "gray" values.
        grey: colors['gray']
  variants: {},
  plugins: [],

Based on a configuration file from

Comments or questions? I'm @opdavies on Twitter.