Import theme error.

I'm using tailwind and to make it easier to organize my themas I've created a separate theme to make it easier to organize.

So I created a style.css

which has this content.

@import "tailwindcss";
@import "@/assets/css/theme.css";

@import "tailwindcss";
@import "@/assets/css/theme.css";

and my theme looks like this

@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

@theme {
  --font-primary:"Nunito","sans-serif";
  --color-success: #72f75d;
  --color-error: #ff4e4e;
  --color-highlight-purple: #8a71f9;
  --color-background: #181622;
  --color-text: #fefefa;
  --color-highlight-yellow: #f6df48;
}

@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

@theme {
  --font-primary:"Nunito","sans-serif";
  --color-success: #72f75d;
  --color-error: #ff4e4e;
  --color-highlight-purple: #8a71f9;
  --color-background: #181622;
  --color-text: #fefefa;
  --color-highlight-yellow: #f6df48;
}

nuxt is returning a warning message.

Nuxt•8mo ago•

9 replies

x0sen

Import theme error.

I'm using tailwind and to make it easier to organize my themas I've created a separate theme to make it easier to organize.

So I created a style.css

which has this content.

@import "tailwindcss";
@import "@/assets/css/theme.css";

@import "tailwindcss";
@import "@/assets/css/theme.css";

and my theme looks like this

@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

@theme {
  --font-primary:"Nunito","sans-serif";
  --color-success: #72f75d;
  --color-error: #ff4e4e;
  --color-highlight-purple: #8a71f9;
  --color-background: #181622;
  --color-text: #fefefa;
  --color-highlight-yellow: #f6df48;
}

@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

@theme {
  --font-primary:"Nunito","sans-serif";
  --color-success: #72f75d;
  --color-error: #ff4e4e;
  --color-highlight-purple: #8a71f9;
  --color-background: #181622;
  --color-text: #fefefa;
  --color-highlight-yellow: #f6df48;
}

nuxt is returning a warning message.

Import theme error.

Similar Threads

Import theme error.

Similar Threads

Similar Threads

Similar Threads