Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Color overwrite not working in Nuxt 3 #182

Open
SirawichDev opened this issue Sep 17, 2022 · 2 comments
Open

Color overwrite not working in Nuxt 3 #182

SirawichDev opened this issue Sep 17, 2022 · 2 comments

Comments

@SirawichDev
Copy link

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 🙏🏾

@SirawichDev SirawichDev changed the title Color change not applied in Nuxt 3 Color overwrite not working in Nuxt 3 Sep 17, 2022
@harlan-zw
Copy link
Member

Hey @SirawichDev

Thanks for the issue, I am able to replicate this. I'll take a look in the next few days

@SirawichDev
Copy link
Author

Hey @SirawichDev

Thanks for the issue, I am able to replicate this. I'll take a look in the next few days

Thanks man

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants