Skip to content

Color overwrite not working in Nuxt 3  #182

Open
@SirawichDev

Description

Describe the bug
I don't know why the color that I've overwritten in windi.config.ts file does not work
To Reproduce
Steps to reproduce the behavior:

  1. overwrite the green-100 color in windi.config.ts file (at theme -> extend -> colors -> green -> 100 )
export default defineConfig({
  ....,
  theme: {
    extend: {
      colors: {
        green: {
          100: "#7f1d1d",
        },
      },
    },
  },
  plugins: [formsPlugin, typographyPlugin, aspectRatioPlugin, lineClampPlugin],
});

( you can see the color in the picture )
Screen Shot 2565-09-18 at 05 11 53

  1. put text-green-500 into
  2. tag

Screen Shot 2565-09-18 at 05 13 38

4. re-run project by running ``` nuxt dev ```

Expected behavior
the text color should be changed to #7f1d1d not #10B981
Screen Shot 2565-09-18 at 05 15 16

my nuxt.config.ts file

export default defineNuxtConfig({
    windicss: {
        analyze: true,
        config: {
            attributify: true,
        },
    },
    css: ['@/assets/font.css'],
    modules: ['nuxt-windicss'],
})

please help, thanks 🙏🏾

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions