Vuetify: [Bug Report] carousel children has dark theme while dark: false

Created on 8 Aug 2019  路  6Comments  路  Source: vuetifyjs/vuetify

Environment

Vuetify Version: 2.0.5
Vue Version: 2.6.10
Browsers: Chrome 75.0.3770.142
OS: Windows 10

Steps to reproduce

  1. set {theme: {dark: false}}
  2. use v-carousel

Expected Behavior

use setting from theme.dark

Actual Behavior

dark and light prop are null in carousel

Reproduction Link

https://codesandbox.io/s/bug-report-g2ukh

Other comments

2 v-card same content just for sanity check

VCarousel bug

Most helpful comment

for quick fix you can use

<v-carousel
   :dark="$vuetify.theme.dark"
   :light="!$vuetify.theme.dark">
...
</v-carousel>

All 6 comments

any update?

for quick fix you can use

<v-carousel
   :dark="$vuetify.theme.dark"
   :light="!$vuetify.theme.dark">
...
</v-carousel>

Any updates guys?

Now is "dark" per default. When you use "light", "hide-delimiter-background" not work

This cost me an hour of looking for the error on my side haha

can confirm the bug still exists (defaults to dark mode), using the fix @Graziel put out works perfectly.

Was this page helpful?
0 / 5 - 0 ratings