fix(VCarousel): children inherit theme from carousel's parent

fixes #8392

Author: KaelWD

packages/vuetify/src/components/VCarousel/VCarousel.ts

@@ -8,6 +8,7 @@ import VWindow from '../VWindow/VWindow'
 import VBtn from '../VBtn'
 import VIcon from '../VIcon'
 import VProgressLinear from '../VProgressLinear'
+import { VThemeProvider } from '../VThemeProvider'
 
 // Mixins
 // TODO: Move this into core components v2.0
@@ -113,6 +114,16 @@ export default VWindow.extend({
   },
 
   methods: {
+    genDefaultSlot () {
+      return this.$slots.default?.map(item => {
+        return this.$createElement(VThemeProvider, {
+          props: {
+            light: !this.theme.isDark,
+            dark: this.theme.isDark,
+          },
+        }, [item])
+      })
+    },
     genControlIcons () {
       if (this.isVertical) return null
 

packages/vuetify/src/components/VWindow/VWindow.ts

@@ -117,8 +117,11 @@ export default BaseItemGroup.extend({
   },
 
   methods: {
+    genDefaultSlot () {
+      return this.$slots.default
+    },
     genContainer (): VNode {
-      const children = [this.$slots.default]
+      const children = [this.genDefaultSlot()]
 
       if (this.showArrows) {
         children.push(this.genControlIcons())