Skip to content

Conversation

@Niki2k1
Copy link
Contributor

@Niki2k1 Niki2k1 commented Oct 17, 2025

Description

I was trying to get Tailwind working with Vuetify and enabled layers. I had some issues with the theme overwriting my tailwind colors and such. So I created an option which lets me enable a layer for the generated theme.

Usage:

theme: {
  unimportant: true,
  layer: true, // or specify a custom name: 'my-custom-layer'
},

which then generates:

@layer vuetify-theme { 
 :root {
      --v-theme-background: 255,255,255;
      --v-theme-background-overlay-multiplier: 1;
      --v-theme-surface: 255,255,255;
      --v-theme-surface-overlay-multiplier: 1;
      /* ... */

@Niki2k1 Niki2k1 changed the title feat(theme) generate layer if option is provided feat(theme): generate layer if option is provided Oct 18, 2025
@Niki2k1 Niki2k1 marked this pull request as ready for review October 23, 2025 06:13
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

Successfully merging this pull request may close these issues.

1 participant