Solved Themes for different resolutions.

[Krinal]

There is no method to auto select theme according to the current resolution.

You can set more that one themes in ventoy.json as follows:

Code:

"theme": {
    "file": [
        "/ventoy/theme/theme_800x600.txt",
        "/ventoy/theme/theme_1024x768.txt",
        "/ventoy/theme/theme_1600x900.txt"
    ]
}

Then you can select theme by F5 Tools ----> Theme Select  as in the attachment.

But this need user to manually select the appropriate theme.

Thank you! I know about this method but it is manual option. the first look will be messy screen when USB will boot. then  I have to manually correct theme. So it is not a good idea. but that feature is great for keeping different themes.

---

If the problem is that the menu text (Language, etc.) is going off the sceeen, then the solution is to simply start the text further to the left

+ hbox {
left = 5%
top = 95%
+ label {text = "F1:Help F2:Browser F3:TreeView F4:LocalBoot F5:Tools F6:ExMenu F7:TextMode L:Language" color = "white"}
}


P.S. width and height are ignored by +vbox and +hbox.
Also no need to have a vbox inside an hbox

see http://wiki.rosalab.ru/en/index.php/Grub....28vbox.29

and change your ventoy_left value in  /ventoy/ventoy.json file so that string fits too - e.g.  top 1%  left 70%
ventoy_left STRING Optional, left position of the ventoy version info, default is "5%"
ventoy_top STRING Optional, top position of the ventoy version info, default is "95%"
ventoy_color STRING Optional, the color of the ventoy version info, default is "#0000ff"

---

P.S. If you want the icons to align with the help text, then you must specify each item of help text seperately so it starts in same position, .e.g.

+ hbox {
left = 6%
top = 90%
+ image {file = "icons/txt.png"}
}
+ hbox {
left = 5%
top = 95%
+ label {text = "F1:Help" color = "white"}
}


This way the icon will be above the text no matter what the resolution


and remove the hbox for + label {text = "F1:Help F2:Browser F3:TreeView F4:LocalBoot F5:Tools F6:ExMenu F7:TextMode L:Language" color = "white"}

Thanks for your suggestion. But I had already experimented that. like put all the text and icons separatly on fixed places but that also does not help when resolutions are changed.

See First design. 1024 x 768



Then 800 x 600 for same theme.



Then 1366 x 768



Font size changes with resolution so it gets overlapped.