Wrong colors in screenshot

[matsekberg]

Perform all steps below and tick them with [x]

• Check the related part of the Documentation
• Update openHASP to the latest version
• Reproduce the issue and describe all steps

Describe the bug

Screenshot renders wrong colors. See the top bar.

To Reproduce

JSONL

{"page":0,"id":0,"comment":"---------- SALON ---------- 320x480", "swipe":1,"bg_color":"black", "bg_grad_color":"black"}
{"id":1,"obj":"label","click":false,"x":0,"y":0,"w":96,"h":40,"text":"-23.4 °","text_color":"White","bg_color":"#007070","bg_opa":255,"align":"center","radius":0,"border_side":0,"text_font":30, "pad_top":3}
{"id":3,"obj":"label","click":false,"x":224,"y":0,"w":96,"h":40,"text":"22:55","text_color":"White","bg_color":"#007070","bg_opa":255,"align":"center","radius":0,"border_side":0,"text_font":30, "pad_top":3}

{"id":4,"obj":"btn","action":"p1","x":0,"y":440,"w":79,"h":40,"text":"\uE2DC","bg_color00":"#007070","bg_color02":"Green","radius":0,"border_side":0,"text_font":32}
{"id":5,"obj":"btn","action":"p2","x":80,"y":440,"w":79,"h":40,"text":"\uE50F","bg_color00":"#007070","bg_color02":"Green","radius":0,"border_side":0,"text_font":32}
{"id":6,"obj":"btn","action":"p3","x":160,"y":440,"w":79,"h":40,"text":"\uF2A2","bg_color00":"#007070","bg_color02":"Green","radius":0,"border_side":0,"text_font":32}
{"id":7,"obj":"btn","action":"next","x":240,"y":440,"w":80,"h":40,"text":"\uE054","bg_color00":"#007070","bg_color02":"Green","radius":0,"border_side":0,"text_font":32}

{"page":1,"comment":"########## Page 1 ÖVERSIKT ########## 320x480","prev":4,"next":2,"bg_color":"black","bg_opa":255, "bg_grad_color":"black"}
{"id":254,"obj":"label","click":false,"x":97,"y":0,"w":126,"h":40,"text":"Översikt","text_color":"White","bg_color":"#007070", "align":"center", "bg_opa":255,"align":"center","text_font":30, "pad_top":3}

{"id":200,"obj":"label","click":false,"x":10,"y":46,"w":40,"h":30,"text":"\uE50F", "text_color":"red","bg_color":"black","text_font":24}
{"id":201,"obj":"label","click":false,"x":35,"y":46,"w":40,"h":30,"text":"\uF40B", "text_color":"red","bg_color":"black","text_font":24}
{"id":202,"obj":"label","click":false,"x":65,"y":46,"w":40,"h":30,"text":"\uE5A9", "text_color":"green","bg_color":"black","text_font":24}
{"id":203,"obj":"label","click":false,"x":100,"y":46,"w":40,"h":30,"text":"\uE1FA", "text_color":"green","bg_color":"black","text_font":24}
{"id":204,"obj":"label","click":false,"x":135,"y":46,"w":40,"h":30,"text":"\uE58F", "text_color":"red", "bg_color":"black","text_font":24}
{"id":205,"obj":"label","click":false,"x":160,"y":46,"w":130,"h":30,"text":"Uppstart...", "align":"right", "text_color":"grey", "bg_color":"black","text_font":24}


{"id":1,"obj":"linemeter","click":false,"x":14,"y":95,"w":138,"h":138,"value_str":"70 %","val":70,
"scale_end_color":"#444444","scale_grad_color":"#ffff00","line_color":"#ffff00",
"scale_width":7,"scale_end_line_width":4,"line_width":4,
"line_count":20,"value_font":30,"bg_color":"red","bg_opa":0}

{"id":2,"obj":"linemeter","click":false,"x":174,"y":95,"w":138,"h":138,"value_str":"70 %","val":70,
"scale_end_color":"#444444","scale_grad_color":"#ffff00","line_color":"#ffff00",
"scale_width":7,"scale_end_line_width":4,"line_width":4,
"line_count":20,"value_font":30,"bg_color":"red","bg_opa":0}


{"id":100,"obj":"label","click":false,"x":14,"y":190,"h":30,"w":138, "text_font":18,"text":"BATTERI","align":"center"}
{"id":101,"obj":"label","click":false,"x":174,"y":190,"h":30,"w":138, "text_font":18,"text":"VATTEN","align":"center"}
{"id":103,"obj":"label","click":false,"x":20,"y":260,"h":34,"w":160,"text":"\uE50FKylbox","text_font":24,"bg_color":"red","bg_opa":0}
{"id":3,"obj":"label","click":false,"x":180,"y":260,"h":34,"w":120,"text":"-__._ °","text_font":24,"align":"right","text_color":"ffff00","bg_color":"red","bg_opa":0}
{"id":104,"obj":"label","click":false,"x":20,"y":320,"h":34,"w":160,"text":"\uE50FGarage","text_font":24}
{"id":4,"obj":"label","click":false,"x":180,"y":320,"h":34,"w":120,"text":"-__._ °","text_font":24,"align":"right","value_color":"ffff00"}
{"id":105,"obj":"label","click":false,"x":20,"y":290,"h":34,"w":120,"text":"\uE50FSalong","text_font":24}
{"id":5,"obj":"label","click":false,"x":140,"y":290,"h":34,"w":160,"text":"-__._ ° .. -__._ °","text_font":24,"align":"right"}
{"id":106,"obj":"label","click":false,"x":20,"y":350,"h":34,"w":160,"text":"\uE50FKylskåp","text_font":24,"bg_color":"red","bg_opa":0}
{"id":6,"obj":"label","click":false,"x":180,"y":350,"h":34,"w":120,"text":"-__._ °","text_font":24,"align":"right","bg_color":"red","bg_opa":0}
{"id":107,"obj":"label","click":false,"x":20,"y":380,"h":34,"w":160,"text":"\uE599Solkraft","text_font":24}
{"id":7,"obj":"label","click":false,"x":180,"y":380,"h":34,"w":120,"text":"___ W","text_font":24,"align":"right"}
{"id":8,"obj":"label","click":false,"x":80,"y":380,"h":34,"w":120,"text":"(___)","text_font":24,"align":"right"}

Information page

openHASP
Version 0.7.0-rc10 fb2bebf
Build DateTime Feb 2 2024 15:41:18 UTC
Environment esp32-3248s035c_4MB
Uptime 48m 46s
Idle long
Active Page 1
Device Memory
Free Heap 52.47 KiB
Free Block 45.98 KiB
Fragmentation 12%
LVGL Memory
Total 48.00 KiB
Free 23.19 KiB
Fragmentation 5%
Model ESP32-D0WD-V3 rev3
Frequency 240MHz
Core Version 4.4.6
Reset Reason CPU0: SW_CPU_RESET / CPU1: SW_CPU_RESET
Flash Size 4.00 MiB
Program Size Used 1.66 MiB
Program Size Free 1.68 MiB
Filesystem Size 560.00 KiB
Filesystem Used 32.00 KiB
Filesystem Free 528.00 KiB

Expected behavior

Same colors.

Screenshots or video

[fvanroie]

The screenshot color looks to be the correct one: https://www.colorhexa.com/007070

[marsman7]

I have uploaded your jsonl on my crowpanel. The top bar is dark cyan not blue. I think your display shows a wrong color and the screenshot is correct.

[matsekberg]

I think you are correct, very strange.
I have tried to get close to the screenshot-green, see the secons image. This has hex value #103C1F, that is far from #007070

[matsekberg]

Is there any color mapping taking plave in the LVGL-library that mismatch the Sunton display?

[fvanroie]

LVGL doesn't map any colors, that is the display/driver's job.

[smcgann99]

I have the 7" 480X800 sunton and find the colour reproduction is very poor, next to other screens I have, everything looks washed out with a strong blue hue.

[fvanroie]

LCD displays usually have gamma correction settings, and other color parameters that can be set by the driver.
I haven't looked into it, but it should be possible to tweak the settings to match the wanted colors.
Check the documentation of your display to see what settings are available and how to implement them.

[matsekberg]

Where would such code be?

[fvanroie]

Check the datasheet of the components, usually provided by the vendor.