Lvgl pro editor same screen two different themes

General discussion
1

I am using lvgl pro editor to make screens
let say I have a screen called main screens
Normal the color scheme of this screen taken from figma design is light themed
Now how can i have same screen and decide whether the screen be dark themed or light themed based on a global macro/flag
That macro or flag can be set before compile and then load themed remains fixed for runtime of device

2

Hi @isfandcielo,

I recommend creating a Subject to manage the theme options (light or dark) and combining it with style bindings.

For example:

global.xml

<style>
<style name="light_theme" bg_color="0xffffff"/>
   <style name="dark_theme" bg_color="0x000000"/>
</style>

<subject>
   <int name="sb_theme" value="0"/>
</subhject>

Component and/or Screen XML file

<screen>
  <view>
    <bind_style name="dark_theme" ref_value="1" selector="main" subject="sb_theme"/>
  </view>
</screen>