fix(VCalendar): use theme background color for categories (#14558)

fixes #14433
vuetifyjs · Jan 19, 2022 · 185408b · 185408b
1 parent 446963f
commit 185408b
Showing 1 changed file with 10 additions and 3 deletions.
diff --git a/packages/vuetify/src/components/VCalendar/VCalendarCategory.sass b/packages/vuetify/src/components/VCalendar/VCalendarCategory.sass
@@ -6,6 +6,16 @@
   .v-calendar-category__column-header
     border-right: map-deep-get($material, 'calendar', 'line-color') $calendar-line-width solid
 
+  .v-calendar-category
+    .v-calendar-daily__head
+      background: map-deep-get($material, 'calendar', 'background-color')
+
+    .v-calendar-daily__intervals-head
+      background: map-deep-get($material, 'calendar', 'background-color')
+
+    .v-calendar-daily__intervals-body
+      background: map-deep-get($material, 'calendar', 'background-color')
+
 .v-calendar-category
   overflow: auto
   position: relative
@@ -33,7 +43,6 @@
     min-width: 100%
     position: sticky
     top: 0
-    background: white
     z-index: 2
 
   .v-calendar-daily_head-day
@@ -44,7 +53,6 @@
     position: sticky
     left: 0
     top: 0
-    background: white
     z-index: 2
 
   .v-calendar-daily_head-weekday
@@ -63,7 +71,6 @@
   .v-calendar-daily__intervals-body
     position: sticky
     left: 0
-    background: white
     z-index: 1
 
   .v-calendar-daily__interval