Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Closed
tylercamp opened this issue Jul 25, 2024 · 6 comments
Closed
Assignees
Milestone

Comments

@tylercamp
Copy link

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)

@mvladic mvladic added this to the M21 milestone Jul 26, 2024
mvladic added a commit that referenced this issue Jul 26, 2024
@mvladic
Copy link
Contributor

mvladic commented Jul 26, 2024

Implemented.

image

@mvladic mvladic changed the title Allow enabling default LVGL dark theme in editor and generated files [LVGL] Allow enabling default dark theme in editor and generated files Aug 3, 2024
@prasimix prasimix closed this as completed Aug 5, 2024
@gwiethaus
Copy link

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.

@mvladic
Copy link
Contributor

mvladic commented Sep 2, 2024

For the EEZ Studio you can select dark theme here:

image

@gwiethaus
Copy link

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

@mvladic
Copy link
Contributor

mvladic commented Sep 2, 2024

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

image

@gwiethaus
Copy link

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

4 participants