Best way to show dialog in dark color when the theme is dark?

How can I make it so that dialogs are displayed in dark design when the Color theme is also dark?

That would be a cool.

According to the F7 Kitchen Sink, dialogues are displayed in dark design when the colour theme is dark.

Got it.

$$("*").addClass(“theme-dark”); does the trick when switching the toggle.

var app = new Framework7({
  el: '#app', // App root element
  autoDarkTheme: true, <-- you dont have to set custom css if this is set

or if you need a toggle, just use:

$$("html").addClass(“theme-dark”);

2 Likes

autoDarkTheme: true wont work with android for me.