Use custom dark theme name with specific style rule in vuejs + vite + postcss #3204

bubbakk · 2024-09-09T15:04:58Z

bubbakk
Sep 9, 2024

I'd like to use the following syntax as shown in Custom CSS for a daisyUI theme chapter.

For example:

<style scoped lang="postcss">
...
[data-theme="myThemeDark"] header {
  @apply bg-base-200;
}

but Vite outputs this:

Plugin: vite:css
[vite] Internal server error: [postcss] Unexpected '/'. Escaping special characters with \ may help.
File: /home/bubba/Dati/Lavoro/Istanbul.project/venila/src/layouts/LoggedUserLayout.vue?vue&type=style&index=0&scoped=965c953c&lang.postcss:undefined:NaN
  at /home/bubba/Dati/Lavoro/Istanbul.project/venila/src/layouts/LoggedUserLayout.vue?vue&type=style&index=0&scoped=965c953c&lang.postcss:20:1
  at /home/bubba/Dati/Lavoro/Istanbul.project/venila/src/layouts/LoggedUserLayout.vue?vue&type=style&index=0&scoped=965c953c&lang.postcss:20:1
  ...similar 10 more lines more

Tried to escape quotation marks but the error remains the same.

Thank you

bubbakk · 2024-09-09T15:08:16Z

bubbakk
Sep 9, 2024
Author

sorry: a typo

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Use custom dark theme name with specific style rule in vuejs + vite + postcss #3204

{{title}}

Replies: 1 comment

{{title}}

Select a reply

Use custom dark theme name with specific style rule in vuejs + vite + postcss #3204

bubbakk Sep 9, 2024

Replies: 1 comment

bubbakk Sep 9, 2024 Author

bubbakk
Sep 9, 2024

bubbakk
Sep 9, 2024
Author