Hi there guys,

I'm not sure whether its intentional, but the default colour palette is disabled due to it being overridden in tailwind.config.js. I have updated mine to extend the default colour palette and I can now access the custom colour palette as well as the defaults.

module.exports = {
theme: {
    extend: {
        colors: {
            'primary': '#6C63FF',
            'secondary': '#8C87E6',
            'tertiary': '#444444',
            'error': '#FF6363',
            'white': '#FFFFFF',
            'lightGray': '#F9F9F9',
            'midgray': '#F3F3F3',
            'transparent': 'transparent'
        }
    },

I also found that the custom gray was overriding the default gray so the variation utilities were not working. To fix this I renamed gray to midgray in the tailwind.config.js file and updated the class utility in /assets/src/css/components/input.css line 12 to border-midgray. This enabled the default gray palette and kept the custom gray, but renamed.

input[type='email'].input,
input[type='number'].input,
input[type='password'].input,
input[type='text'].input,
textarea  {
    @apply w-full border border-midgray py-1 px-2 rounded;
}

Hope this helps someone.

Cheers,

Cy

It helps. Thanks a lot.