fix(colors): correct CSS layer name

J-Sek · J-Sek · commit 47d4b70316c2 · 2026-01-01T18:59:05.000+01:00
diff --git a/packages/vuetify/src/styles/generic/_colors.scss b/packages/vuetify/src/styles/generic/_colors.scss
@@ -23,7 +23,7 @@
 }
 
 @if (settings.$color-pack) {
-  @include tools.layer('utilities.theme.background') {
+  @include tools.layer('utilities.theme-background') {
     @each $color_name, $color_value in colors.$shades {
       .bg-#{$color_name} {
         @include background-color($color_value);
@@ -57,7 +57,7 @@
     }
   }
 
-  @include tools.layer('utilities.theme.foreground') {
+  @include tools.layer('utilities.theme-foreground') {
     @each $color_name, $color_value in colors.$shades {
       .text-#{$color_name} {
         @include text-color($color_value);

Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@`
`23`	`23`	`}`
`24`	`24`
`25`	`25`	`@if (settings.$color-pack) {`
`26`		`- @include tools.layer('utilities.theme.background') {`
	`26`	`+ @include tools.layer('utilities.theme-background') {`
`27`	`27`	`@each $color_name, $color_value in colors.$shades {`
`28`	`28`	`.bg-#{$color_name} {`
`29`	`29`	`@include background-color($color_value);`
`@@ -57,7 +57,7 @@`
`57`	`57`	`}`
`58`	`58`	`}`
`59`	`59`
`60`		`- @include tools.layer('utilities.theme.foreground') {`
	`60`	`+ @include tools.layer('utilities.theme-foreground') {`
`61`	`61`	`@each $color_name, $color_value in colors.$shades {`
`62`	`62`	`.text-#{$color_name} {`
`63`	`63`	`@include text-color($color_value);`