From bb7b6d14aec8632c78bd686706385382182025f2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Simon=20St=C3=BCrz?= <simon.stuerz@nymea.io>
Date: Tue, 11 Nov 2025 13:02:26 +0100
Subject: [PATCH] Add icons

---
 dashboard.qrc                    |   2 ++
 dashboard/help.html              |  16 +++++-----
 dashboard/index.html             |  20 +++++++------
 dashboard/styles/pce/favicon.ico | Bin 0 -> 1499 bytes
 dashboard/styles/pce/icon.png    | Bin 0 -> 95 bytes
 dashboard/styles/pce/icon.svg    |  49 +++++++++++++++++++++++++++++++
 6 files changed, 71 insertions(+), 16 deletions(-)
 create mode 100644 dashboard/styles/pce/favicon.ico
 create mode 100644 dashboard/styles/pce/icon.png
 create mode 100644 dashboard/styles/pce/icon.svg

diff --git a/dashboard.qrc b/dashboard.qrc
index 8bbbd4d..e08ab55 100644
--- a/dashboard.qrc
+++ b/dashboard.qrc
@@ -4,5 +4,7 @@
         <file>dashboard/app.js</file>
         <file>dashboard/index.html</file>
         <file>dashboard/help.html</file>
+        <file>dashboard/styles/pce/favicon.ico</file>
+        <file>dashboard/styles/pce/icon.png</file>
     </qresource>
 </RCC>
diff --git a/dashboard/help.html b/dashboard/help.html
index 58584c3..e9adc64 100644
--- a/dashboard/help.html
+++ b/dashboard/help.html
@@ -6,13 +6,15 @@
     <title>EV Dash · Help</title>
     <style>
         :root {
-            --primary-color: #0050a0;
-            --secondary-color: #00a0e0;
+            --primary-color: #e30a18;
+            --secondary-color: #a20d17;;
             --accent-color: #f4b400;
             --surface-color: #ffffff;
-            --background-color: #f5f7fa;
-            --text-color: #1f2d3d;
-            --muted-text-color: #566b84;
+            --background-color: #58616b;
+            --text-color: #222222;
+            --muted-text-color: #3342538a;;
+            --green-color: #2ecc71;
+            --red-color: #e30a18;
         }
 
         * {
@@ -83,7 +85,7 @@
         }
 
         .status-dot.connected {
-            background-color: #2ecc71;
+            background-color: var(--green-color);
         }
 
         .status-dot.authenticating {
@@ -91,7 +93,7 @@
         }
 
         .status-dot.error {
-            background-color: #e74c3c;
+            background-color: var(--red-color);
         }
 
         .tool-button {
diff --git a/dashboard/index.html b/dashboard/index.html
index 5495ccd..28391bf 100644
--- a/dashboard/index.html
+++ b/dashboard/index.html
@@ -6,13 +6,15 @@
     <title>EV Dash</title>
     <style>
         :root {
-            --primary-color: #0050a0;
-            --secondary-color: #00a0e0;
+            --primary-color: #e30a18;
+            --secondary-color: #a20d17;;
             --accent-color: #f4b400;
             --surface-color: #ffffff;
-            --background-color: #f5f7fa;
-            --text-color: #1f2d3d;
-            --muted-text-color: #566b84;
+            --background-color: #58616b;
+            --text-color: #222222;
+            --muted-text-color: #3342538a;;
+            --green-color: #2ecc71;
+            --red-color: #e30a18;
         }
 
         * {
@@ -124,7 +126,7 @@
         }
 
         .status-dot.connected {
-            background-color: #2ecc71;
+            background-color: var(--green-color);
         }
 
         .status-dot.authenticating {
@@ -132,7 +134,7 @@
         }
 
         .status-dot.error {
-            background-color: #e74c3c;
+            background-color: var(--red-color);
         }
 
         .grid-two-column {
@@ -191,11 +193,11 @@
         }
 
         .value-dot-true {
-            background: #2ecc71;
+            background: var(--green-color);
         }
 
         .value-dot-false {
-            background: #e74c3c;
+            background: var(--red-color);
         }
 
         .sr-only {
diff --git a/dashboard/styles/pce/favicon.ico b/dashboard/styles/pce/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..7db212ce269d3da82d4a1e789b6383c69668bc1c
GIT binary patch
literal 1499
zcmchX={p++0Eg3QGt;V~Lt4j}qev@SM`a|Bjt3QKqo`I~71U~@65>iaWhU+`EiF%t
zx~h}9)s><Zk%?d>aU_~LDhMKuxH9{)KVcu<-~0OuUeZmZgS^~1IRF44@8oFbdgSCI
zewPIv?Wmr%*^#~pcf5lI04{z1FUO+G;ZXp<i3}$@Tes+<mFcki?t$v>)_L<qd*fp)
zCuC_=iDd#kWq^*}xd+S<-`2MS>L}_eha3miRr$z{iQO^j_HX<_{=YTfFDP|20oKMV
zqMFk&^REtg=m%-MYWWu8!qoJ1oRAqK+?L6~h2d#&RPKiLkR*Uv&L6mYY+gWD&dKXA
zET}Ymia)N>^D7DBr*o=6R!0ASy%im9yeH3@&2&-Z^N~X#@?fh0fh*3hqaYdg_d*KW
zte<SXK&|a~yS6?|eBD~<AriKFMWixvccoGROt16fBteTBvomfM8Yrq2R^_disk+8y
z<oC)t3k6;;XSy}Ga7&BR{f==B`<%6?0r*AAPvm@RtAoei*10%Yj;>0((gDCZstZi!
zsXyHxY`G*bH%m!X@X0f;Z0lsF=y<;FQ)B$%Wl%Gjn^o2kGah=zvw$rR+q@C`;gbdZ
zPcUK!O~}kl5KjW>q`B92G%aI=uCx2<8T<x?A3<utiEQNU$d;1NKnCJ$+fp|_32J<2
zxzP#EuJ5aS+1jNYp6w}K3j!@eMO3NJaD-ns3XyfHziCv9?ntY=Ox%yZFnZ4!T9NOc
zI*W6Ms~11Zj2FGNWQ)_v*0?U0FJOBw{5+vAIp3nc4?35GO!#_>`m|1suRGG7OJZs+
z@~E`!^*}N<*kIS?)@~?2Vg7w#Ktv3Itg3}#>%jY1?l<5Yc-6K&r$(6RJ~9u@5vkki
zo{>OuC4fkTl3kf2O%P%cKL6d_VdkC;^`f{HhytT$dszxoSw!}g)Fn;1_~NeV_A76i
zgemcA<wMr1du;Jd=`v-bMstn8-644tE(@IZn%{y){J+>zO2~{liu9n5#Yw46-UUT3
zg;!W`KsjDC*2ljdPZ$}-h!>L>oH8wZtdz+MZ(qfBY(SxLBVEO{C(YAS$4=*rh5LBX
zR8Mkj5X48YB6&wt!Kw??!#&^!<HbiCn;hSzJDx=SuCyRElqv&)v(Xu#fzW5#A-Lr3
zSi7Bj-}Zgk8;sZ_5fs@<+xA<SnWY0lo!4P>`7nO_;Yv@7YrWg~g{uB!Q>^42D`zX|
zGpYJen@1Cm02HHa=yK-izSqZ+C87rXM}kcPf}%<)MRZ!G&AqoZ^B!U;hk;}LTui{%
zB8sfqpprys><9Tt!Iid)m%{bahfOjiFclmh5-Lnu=RH)0*PPb4J2050fsfMjCU6_a
zvNW^3IHDfcu%OVZk>``T@d`kgj~J7PSFuvU8l``d(ctbnWY>3wMK8pFXO(E7^HUkO
zh+$LYH7lr^H@4!|^{uf$%yWMKTL_NqmQ}4=8XQlyZ0es#Tj;3yq#74@;`SWcsI~|>
zx2=M6C@x1&kH&>y_!A#Xcme6FRim@ZHm$KO)+$$>Z6U$EtdnH3%q0`kcRf~wahOS_
zV1*0vbwqkhF;PQ1ZS_sh!m@NRg9O;7(pLvtYrr6bYfzg>?YgUp#>Kcs7!mhk)}zbF
ze$(7F+BXAC#oFL`g$8qrub5ISV?}wX{s18?hbmzBQ(4vA`9BQjATzr7antN`|7&;t
ltDKlpK0}dqqjh`_WjysB5J*^H=~1l#PWDK<+G~D~{{b;q*aiRq

literal 0
HcmV?d00001

diff --git a/dashboard/styles/pce/icon.png b/dashboard/styles/pce/icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..30275f1e206e7f9078968b69c6bde3b43c11a58a
GIT binary patch
literal 95
zcmeAS@N?(olHy`uVBq!ia0vp^j3CU&3?x-=hn)ga%mF?juK)l4Uw%aT1W2wV$S;_|
n;n|HeAcxD-#W93qW^w|M&BVa?r7&d~kj3EX>gTe~DWM4f;kXw^

literal 0
HcmV?d00001

diff --git a/dashboard/styles/pce/icon.svg b/dashboard/styles/pce/icon.svg
new file mode 100644
index 0000000..78121b8
--- /dev/null
+++ b/dashboard/styles/pce/icon.svg
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   viewBox="0 0 377.94666 444"
+   height="444"
+   width="377.94666"
+   xml:space="preserve"
+   id="svg2"
+   version="1.1"
+   sodipodi:docname="icon.svg"
+   inkscape:version="1.2.2 (b0a8486541, 2022-12-01)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+   xmlns:cc="http://creativecommons.org/ns#"
+   xmlns:dc="http://purl.org/dc/elements/1.1/"><sodipodi:namedview
+     id="namedview12"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     showgrid="false"
+     inkscape:zoom="0.82200254"
+     inkscape:cx="233.57592"
+     inkscape:cy="270.68043"
+     inkscape:window-width="1728"
+     inkscape:window-height="1006"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="g12" /><metadata
+     id="metadata8"><rdf:RDF><cc:Work
+         rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage" /></cc:Work></rdf:RDF></metadata><defs
+     id="defs6" /><g
+     transform="matrix(1.3333333,0,0,-1.3333333,0,562.2)"
+     id="g10"><g
+       transform="scale(0.1)"
+       id="g12"><path
+         id="path14"
+         style="fill:#ed1c24;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         d="M 0,881.961 H 2834.64 V 4216.49 H 0 V 881.961" /><path
+         id="path22"
+         style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"
+         d="M 860.434,3281.09 C 855.336,3177.38 761.023,3168.67 755.848,3168.28 H 468.543 l -1.922,221.63 304.883,0.03 c 0.93,-0.14 93.566,-14.81 88.93,-108.85 z m -71.563,251.83 -467.055,0.01 v -883.39 h 143.012 v 370.18 l 318.805,0.01 c 2.16,0.24 216.301,26.48 219.797,266.52 3.36,226.14 -212.383,246.49 -214.559,246.67 z m 397.949,-437.71 c 0,268.52 256.77,294.15 262.95,294.7 h 243.84 v 142.59 l -281.34,-0.02 c -0.91,-0.08 -92.98,-8.99 -183.88,-65.82 -83.96,-52.49 -184.13,-157.69 -184.56,-360.82 -0.47,-221.37 101.19,-332.95 186.54,-387.57 92.46,-59.15 186.32,-66.02 187.43,-66.09 h 278.46 v 147.93 l -280.67,-0.04 c -2.29,0.4 -228.77,42.79 -228.77,295.14 z m 811.39,-296.45 v 221.41 h 502.46 v 147.42 h -495.36 v 222.09 h 495.36 v 142.82 h -649 v -883.83 h 648.9 v 150.09 h -502.36" /></g></g></svg>