Skip to content

@theme tailwind base variables being override #19190

@Ahmedsam199

Description

@Ahmedsam199

Description

When using the Tailwind with custom @theme variables defined in a <style> block, the custom theme variables are override the tailwind main class

Reproduction

https://svelte.dev/playground/04a4eaa9df954733932468e28384f61c?version=5.41.3

Steps to reproduce:

  1. Load the project via the url provided above
  2. Add the text-base class to the p tag
  3. You will notice the button took a color instead of the default tailwind size class

Expected behavior

The custom class should not override the value and changes the text-base to a color cause its a size value.

Actual behavior

Tailwind shouldn't override the default class

Environment

  • Tailwind CSS CDN (latest)
  • Browser: [Firefox developer edition]
  • Framework: Svelte 5.32.1

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions