Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Color overwrite not working in Nuxt 3 Β #182

@SirawichDev

Description

@SirawichDev

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

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions