Theo's Typesafe Cult•2y ago

Tailwind Default Colors not showing automatically

When I use something like bg-gray-800 it's not showing up. If I go and add it explicitly in my tailwind.config.js, it works. But they're all suppose to show up by default, correct? Did I configure tailwind incorrectly when I used T3?

const colors = require('tailwindcss/colors')
/** @type {import('tailwindcss').Config} */
module.exports = {
    content: ['./src/**/*.{js,ts,jsx,tsx}'],
    theme: {
        colors: {
            gray: colors.gray,
        },
        extend: {},
    },
    plugins: [],
}

const colors = require('tailwindcss/colors')
/** @type {import('tailwindcss').Config} */
module.exports = {
    content: ['./src/**/*.{js,ts,jsx,tsx}'],
    theme: {
        colors: {
            gray: colors.gray,
        },
        extend: {},
    },
    plugins: [],
}

4 Replies

Samathingamajig•2y ago

how did you set up the project? meaning did you use the create-t3-app command

vibbin•2y ago

Only add extra colours inside the extend object. You don't need the theme one I believe otherwise you override all others

BrennerOP•2y ago

Yes I did The default colors aren’t showing up at all

Samathingamajig•2y ago

that's weird then

Gaming

Programming

Tailwind Default Colors not showing automatically