Dynamic auto dark mode in Framework 7

Mobile Apps
1

I have a toggle button which works perfect to set dark-light mode using class-toggle dmx-class:dark (on v5 is dmx-class:theme-dark)
Is there any chance of get the new attribute dark-mode dynamically?

I mean:

dark-mode="var1.value" where var1.value can be “true” “false” “auto”

I have this, and it doesn’t work:

<div id="app" is="dmx-f7-app" dark-mode="var1.value">
<dmx-value id="var1" dmx-bind:value="'true'"></dmx-value>
2

for expressions you have to use dmx-bind, so it becomes dmx-bind:dark-mode="var1.value".

3

Thanks @patrick, to be honest, I didn’t think about it because it wasn’t under dynamic attributes modal.

Dmx-bind should work for everything?
Like theme? Color-theme etc?

4

It will work for most attributes, not all attributes update on changes and only do that on render.

5

Got it, thanks!