Light- and Dark-Mode

[naltatis]

🌗 Introducing Light- and Dark-Mode

• 🌕🌑 The evcc UI now has two color schemes to support os-/browser-level dark mode features. We did not add a manual mode-switching mechanism to keep it simple.
• 🐘Moving from the current bi-color/high-contrast design to dedicated light and dark versions makes the UI more uniform gives us more space to work with due to reduced need of margins.
• ✂️ Loadpoint names are not truncated on small screens any more. (fixes Truncated loadpoint name on mobile with small display #3427)
• 💡 Savings modal is simplified. It now better highlights the important numbers. More details and history data may come soon ...
• ⏲ Target charge feature is now only shown in PV and Min+PV mode to better clarify that its only active there.
• 🐟 Some other small design tweaks and adjustments.

Testing

You can see the new design here https://demo-next.evcc.io/ or use install this temporary Docker image naltatis/evcc.

Impressions

Small Screen - Standard

Small Screen - Details

Small Screen - Savings

Large Screen - Standard

Large Screen - Details

Large Screen - Savings

[naltatis]

@RTTTC I've changed some interface texts in this PR. I tried my best to also adjust the LT translation. Please double check and let me know if I screwed something up 😄

[RTTTC]

Will let you know today!

[RTTTC]

These would work better:

33 priceFeedIn: "{feedInPrice} eksporto", (in Lithuanian Einpeisung would have to be explained using a very long translation, so maybe simple "export" is OK?)
34 priceGrid: "{gridPrice} tinklo",
43 "Mūsų misija: Siekiame, kad įkrovimas saulės energija taptų standartu. Padėkite mums ir paremkite evcc finansiškai.",
70 now: "Greitas",

PS - love these new Light and dark modes!! Thank you @naltatis !

[Caibuk]

Guten Abend Michael,

der dark mode sieht wirklich toll aus! Vor allem, wenn man abends im Bett noch etwas in den Zahlen stöbert. 👍

Ist ein manuelles Umschalten des modes für die Zukunft geplant? Mein Telefon ist dauerhaft im dark mode, allerdings wäre mir dann evcc tagsüber zu dunkel...

Und noch eine kleine Besserwisserei - auch wenn man es immer wieder liest und hört: der Imperativ 2. Person Singular von helfen lautet Hilf! ... 🤓

Vielen lieben Dank für die harte Arbeit und viele Zeit, die Du und der Rest des Teams jeden Tag in diese tolle Software steckt.
evcc ist aus unserem elektrischen Alltag nicht mehr wegzudenken!

VG Markus

[naltatis]

@RTTTC @Caibuk translations are updated. Thanks for the comments.