Problem with colors in file preset.js

[spexy90]

HI,
I just want to change the primary and secondary colors from the preset.js file but tailwind just doesn't seem to want to accept the new color.
I put everything outside of extend to only see the colors I want to use...however, inside or outside of extend doesn't change. What am I doing wrong? Everything else works...

Thanks!

module.exports = { theme: { extend: { fontSize: { '2xl': '22px', '3xl': '28px', '4xl': '34px', }, }, fontFamily: { 'aeonik': 'Aeonik', 'roboto': 'Roboto' }, colors: { primary: '#20A3DA', secondary: '#d81313', neutral: { default: '#ffffff', 50: '#fafafa', 100: '#f5f5f5', 200: '#e5e5e5', 300: '#d4d4d4', 400: '#a3a3a3', 500: '#737373', 600: '#525252', 700: '#404040', 800: '#262626', 900: '#171717', 950: '#0a0a0a', }, 'white': '#ffffff', transparent: 'transparent', }, }, }