Tailwindcss extending colors not working

Are other customizations working? Is the file named the default tailwind.config.js? Is the structure of the exported module correct?

https://tailwindcss.com/docs/theme/

You are running npm to compile the css file?

@tykus yeah width working but gray not:

tailwind.config.js:

module.exports = {
    purge: [
        './resources/views/**/*.blade.php',
        './resources/css/**/*.css',
    ],
    theme: {
        extend: {
            width: {
                '72': '18rem',
                '84': '21rem',
                '96': '24rem',
            },
            colors: {
                gray: {
                    '950': '#222'
                }
            }
        }
    },
    variants: {},
    plugins: [
        require('@tailwindcss/custom-forms')
    ],

};

When i run npm run watch i will lost all of my colors style, @snapey :

 DONE  Compiled successfully in 3616ms22:19:02

<s> [webpack.Progress] 100%

       Asset      Size   Chunks             Chunk Names
/css/app.css  1.69 MiB  /js/app  [emitted]  /js/app
 + 1 hidden asset

and when i remove the gray key it working

I just realized i can only override the default value for example

Its working:

'900' : '#222'

But i cant define new range:

'950' : '#222'

is there anyway?

you might need to merge the new colour with the existing ones using the spread operator

https://tailwindcss.com/docs/customizing-colors#overriding-a-single-shade