studio icon indicating copy to clipboard operation
studio copied to clipboard

[LVGL] Allow enabling default dark theme in editor and generated files

Open tylercamp opened this issue 1 year ago • 1 comments

Is your feature request related to a problem? Please describe. LVGL offers a default dark theme which I'd like to use.

Describe the solution you'd like I'd like a checkbox in the project settings page for whether to use light or dark theme for the project. It would modify screens.c code generation and apply to widgets shown within EEZ Studio editor

Describe alternatives you've considered I'm currently applying a new theme with dark mode after the init call to EEZ Studio's generated code, but I'd like to manage the setting and see a preview of those changes directly in EEZ Studio.


The code-gen update would be easy but I'm not sure about updating widget styling within EEZ Studio's preview. I see a reference to a wasm wrapper util, so I assume there's some sort of LVGL web binding being used, but I can't tell how the lvgl_runtime_* files are being generated

(If it's using a proper LVGL API binding then updating EEZ UI for dark mode would probably be easy too, but I can't tell whether that's the case)

tylercamp avatar Jul 25 '24 20:07 tylercamp

Implemented.

image

mvladic avatar Jul 26 '24 11:07 mvladic

First, please excuse my English

In the new version EEZ Studio 0.16.0 I enabled the "dark theme" and it only changed the development screen. The editor continues with the default white theme.

gwiethaus avatar Sep 02 '24 12:09 gwiethaus

For the EEZ Studio you can select dark theme here:

image

mvladic avatar Sep 02 '24 12:09 mvladic

For the EEZ Studio you can select dark theme here:

image

Thanks for the tip. I created a new database. However, I discovered that I can't access the bottom of the screen. I think the scroll bar to reach the rest of the features is missing. I marked it in red as far as I can see on the screen. Remember that I'm using a laptop.

Screen Setting

gwiethaus avatar Sep 02 '24 13:09 gwiethaus

Hm, this is bug. Fortunately, you can also select dark theme from the main menu:

image

mvladic avatar Sep 02 '24 13:09 mvladic

Hm, this is bug. Fortunately, you can also select dark theme from the main menu:

image

Damn... how stupid I am!

Thank you very much for this help. I am recently discovering how to use this wonderful tool. I am exploring it. I have a big hobby project for my project to create a controller with a display for my "CNC Router" which I have already completed. With this tool EEZ Studio will make my projects much easier.

gwiethaus avatar Sep 02 '24 13:09 gwiethaus