silva23's avatar

Custom color in my tailwind.config.js file not working

Hey everyone! I set a custom color for the yellow 600, but it does not take effect immediately. I have to SAVE (CTRL + S) the tailwind.config.js file,without saving it gives me the yellow[600] from the default color palette.

Code:

  theme: {
    extend: {
      colors: {
        yellow: {
          600: '#E19A5A',
        },
.
.
.
bg: colors.yellow[600],
.
.
.
0 likes
8 replies
silva23's avatar
silva23
OP
Best Answer
Level 1

@MohamedTammam

Sorry I may have worded that wrong.. When I build my website I get the wrong color, it doesn't save the new color what I set.

mlewis's avatar

https://tailwindcss.com/docs/customizing-colors

You're not extending, you're customising. So this should be done on theme > colors not on theme >extend > colors

Could be that, but your question is a little unclear, as it's normal to have to save changes to tailwind config before you see them...

Sinnbeck's avatar

How would it take effect if you haven't saved the file?

silva23's avatar

@Sinnbeck

Sorry I may have worded that wrong.. When I build my website I get the wrong color, it doesn't save the new color what I set.

Please or to participate in this conversation.