[Vue]Dark Mode cant applied


#1

@nolimits4web hello , how i can use dark mode in vue ?
based on http://framework7.io/vue/page.html

and im trying using on

<f7-page theme-dark>

and the page still white .


#2

Hi @edoofx,
I made a simple sample in jsfiddle
jsfiddle


#3

@pvtallulah sorry , im forgot , using theme MD , not ios


#4

You are right. if you set page theme to dark in md theme it dosnt work. You need to add theme-dark attr to view;
I dont know if this is how it should work, this is the line adding the dark theme to page.

.md .theme-dark .page,
.page.md .theme-dark {
  background: #171717;
}

jsfiddle


#5

sure , add theme-dark on and now working. thanks!