Skip to content

Broken theme due to Tailwind V4.0.5 #3275

@PierreB40

Description

@PierreB40

Environment

  • Operating System: Darwin
  • Node Version: v22.13.1
  • Nuxt Version: 3.15.4
  • CLI Version: 3.21.1
  • Nitro Version: 2.10.4
  • Package Manager: [email protected]
  • Builder: -
  • User Config: modules, plugins, devtools, css, compatibilityDate, eslint
  • Runtime Modules: @nuxt/[email protected], @nuxt/[email protected]
  • Build Modules: -

Is this bug related to Nuxt or Vue?

Nuxt

Version

v3.0.0-alpha.12

Reproduction

https://codesandbox.io/p/sandbox/purple-sunset-9qdqv3
Just upgrade Nuxt template to v3.0.0-alpha.12 and remove style from app.vue make preview without theme colors

Description

Tailwind v4.0.5 add optimization to compiled css that include only theme variable that are used

Additional context

Nuxt Template with v3.0.0-alpha.12 without style in app.vue

Image

Nuxt Template with v3.0.0-alpha.10 without style in app.vue

Image

Logs

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions