Skip to main content

Renaming gray to grey in Tailwind CSS

Posted on 4th September 2020

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

About Me

Picture of Oliver

Oliver Davies is a PHP Developer and Linux Systems Administrator based in the UK. He is a Senior Software Engineer at Inviqa and a part-time freelancer specialising in Drupal and Symfony application development.