Iam using tailwind with Laravel ,

in HTML

<h1 class="text-primary-700"> the text </h1> 

iam edited tailwind.config.js to be

module.exports = {
  content: [
        "./resources/**/*.blade.php",
        "./resources/**/*.js",
        "./resources/**/*.vue",
  ],
  theme: {
    extend: {
        colors: {
            primary: '#ccc',
        },

    },
  },
  plugins: [],
}

but the color did not change to #ccc .

am i doing something wrong , or is there any command I do have to run to apply the changes in the config file ?

>Solution :

I thint it should be like this

'primary': {
      50: '#1976dd',
      100: 'add color here',
      200: 'add color here',
      ...
      900: 'add color here',
      DEFAULT: '#ccc',