edit config of tailwind does not work as expected

Iam using tailwind with Laravel ,


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

iam edited tailwind.config.js to be

module.exports = {
  content: [
  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',

Leave a Reply