Style refresh with square grid motif and blue palette.

It tries to follow the visual language of the flutter sample apps.

Bug-AGL: SPEC-4041
Change-Id: Ie942a1d883e8f7f2a78f2ccf94fcd91b4438b911

1 files changed, 243 insertions, 67 deletions

diff --git a/src/images/HMI_HVAC_Rear_Active.svg b/src/images/HMI_HVAC_Rear_Active.svg
index 182ccbd..46fd0e7 100644
--- a/src/images/HMI_HVAC_Rear_Active.svg
+++ b/src/images/HMI_HVAC_Rear_Active.svg
@@ -1,19 +1,42 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
-	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
-	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
-	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
-	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
-	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
-	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
-	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
-	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
-]>
-<svg version="1.1" id="Layer_2" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
-	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 140 140"
-	 style="enable-background:new 0 0 140 140;" xml:space="preserve">
-<style type="text/css">
+
+<svg
+   version="1.1"
+   id="Layer_2"
+   x="0px"
+   y="0px"
+   viewBox="0 0 140 140"
+   style="enable-background:new 0 0 140 140;"
+   xml:space="preserve"
+   sodipodi:docname="HMI_HVAC_Rear_Active.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   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:i="&amp;ns_ai;"><defs
+   id="defs18" /><sodipodi:namedview
+   id="namedview18"
+   pagecolor="#ffffff"
+   bordercolor="#000000"
+   borderopacity="0.25"
+   inkscape:showpageshadow="2"
+   inkscape:pageopacity="0.0"
+   inkscape:pagecheckerboard="0"
+   inkscape:deskcolor="#d1d1d1"
+   inkscape:zoom="8.3214286"
+   inkscape:cx="70"
+   inkscape:cy="70"
+   inkscape:window-width="2560"
+   inkscape:window-height="1371"
+   inkscape:window-x="0"
+   inkscape:window-y="0"
+   inkscape:window-maximized="1"
+   inkscape:current-layer="Layer_2" />
+<style
+   type="text/css"
+   id="style1">
 	.st0{fill:#0DF9FF;}
 	.st1{font-family:'Roboto-Regular';}
 	.st2{font-size:19.2px;}
@@ -27,73 +50,226 @@
 	.st10{fill:url(#SVGID_7_);}
 	.st11{fill:url(#SVGID_8_);}
 </style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			<text transform="matrix(1 0 0 1 39.3138 38.5051)" class="st0 st1 st2 st3">REAR</text>
-			<g>
-				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="10.4889" y1="155.8405" x2="117.1391" y2="1.9402">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+<ellipse
+   style="fill:#2962ff;fill-opacity:1;stroke:none;stroke-width:1.54683"
+   id="path1"
+   cx="70.094383"
+   cy="69.835396"
+   rx="67.354645"
+   ry="67.364502" /><switch
+   id="switch18"
+   style="fill:#c1d8ff;fill-opacity:1">
+	<g
+   i:extraneous="self"
+   id="g18"
+   style="fill:#c1d8ff;fill-opacity:1">
+		<g
+   id="g17"
+   style="fill:#c1d8ff;fill-opacity:1">
+			<text
+   transform="matrix(1 0 0 1 39.3138 38.5051)"
+   class="st0 st1 st2 st3"
+   id="text1"
+   style="fill:#c1d8ff;fill-opacity:1">REAR</text>
+			<g
+   id="g2"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="10.4889"
+   y1="155.8405"
+   x2="117.1391"
+   y2="1.9402">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop1" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop2" />
 				</linearGradient>
-				<path class="st4" d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9c0.1-18.3,7.3-35.5,20.3-48.3
-					C34.7,8.5,51.8,1.5,70,1.5c0.1,0,0.3,0,0.4,0c18.3,0.1,35.5,7.3,48.3,20.3c12.9,13,19.9,30.2,19.8,48.5
-					C138.3,108,107.6,138.5,70,138.5z M70,3.9c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6c-0.2,36.4,29.3,66.3,65.7,66.5
-					c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7l0,0c0.1-17.7-6.7-34.3-19.1-46.8C104.6,11,88,4,70.4,3.9
-					C70.2,3.9,70.1,3.9,70,3.9z"/>
+				<path
+   class="st4"
+   d="M70,138.5c-0.1,0-0.3,0-0.4,0c-37.8-0.2-68.3-31.1-68.1-68.9c0.1-18.3,7.3-35.5,20.3-48.3      C34.7,8.5,51.8,1.5,70,1.5c0.1,0,0.3,0,0.4,0c18.3,0.1,35.5,7.3,48.3,20.3c12.9,13,19.9,30.2,19.8,48.5      C138.3,108,107.6,138.5,70,138.5z M70,3.9c-17.5,0-34,6.8-46.5,19.1C11,35.4,4,52,3.9,69.6c-0.2,36.4,29.3,66.3,65.7,66.5      c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7l0,0c0.1-17.7-6.7-34.3-19.1-46.8C104.6,11,88,4,70.4,3.9      C70.2,3.9,70.1,3.9,70,3.9z"
+   id="path2"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="11.5789" y1="156.6799" x2="118.2996" y2="2.6779">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g4"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_2_"
+   gradientUnits="userSpaceOnUse"
+   x1="11.5789"
+   y1="156.6799"
+   x2="118.2996"
+   y2="2.6779">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop3" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop4" />
 				</linearGradient>
-				<polygon class="st5" points="30.5,97.5 30.5,47.4 109.5,47.3 109.5,97.4 60.7,97.4 60.7,95 107.1,95 107.1,49.7 32.9,49.8 
-					32.9,95.1 51.9,95 51.9,97.4 				"/>
+				<polygon
+   class="st5"
+   points="30.5,97.5 30.5,47.4 109.5,47.3 109.5,97.4 60.7,97.4 60.7,95 107.1,95 107.1,49.7 32.9,49.8       32.9,95.1 51.9,95 51.9,97.4     "
+   id="polygon4"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="9.0573" y1="154.9325" x2="115.778" y2="0.9304">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g6"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_3_"
+   gradientUnits="userSpaceOnUse"
+   x1="9.0573"
+   y1="154.9325"
+   x2="115.778"
+   y2="0.9304">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop5" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop6" />
 				</linearGradient>
-				<path class="st6" d="M57.1,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1
-					c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C63.3,100.5,57.4,111.2,57.1,111.6z"/>
+				<path
+   class="st6"
+   d="M57.1,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1      c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C63.3,100.5,57.4,111.2,57.1,111.6z"
+   id="path6"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="0.4632" y1="148.9769" x2="107.1839" y2="-5.0251">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g8"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_4_"
+   gradientUnits="userSpaceOnUse"
+   x1="0.4632"
+   y1="148.9769"
+   x2="107.1839"
+   y2="-5.0251">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop7" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop8" />
 				</linearGradient>
-				<polygon class="st7" points="50,75.1 47.9,74 53.1,64.4 58.4,74 56.3,75.1 53.1,69.4 				"/>
+				<polygon
+   class="st7"
+   points="50,75.1 47.9,74 53.1,64.4 58.4,74 56.3,75.1 53.1,69.4     "
+   id="polygon8"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="19.6431" y1="162.2683" x2="126.3638" y2="8.2663">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g10"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_5_"
+   gradientUnits="userSpaceOnUse"
+   x1="19.6431"
+   y1="162.2683"
+   x2="126.3638"
+   y2="8.2663">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop9" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop10" />
 				</linearGradient>
-				<path class="st8" d="M72.8,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1
-					c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C78.9,100.5,73,111.2,72.8,111.6z"/>
+				<path
+   class="st8"
+   d="M72.8,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.2-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7l2.4,0.1      c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C78.9,100.5,73,111.2,72.8,111.6z"
+   id="path10"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="11.0493" y1="156.3129" x2="117.77" y2="2.3109">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g12"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_6_"
+   gradientUnits="userSpaceOnUse"
+   x1="11.0493"
+   y1="156.3129"
+   x2="117.77"
+   y2="2.3109">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop11" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop12" />
 				</linearGradient>
-				<polygon class="st9" points="72,75.1 68.8,69.4 65.6,75.1 63.5,74 68.8,64.4 74.1,74 				"/>
+				<polygon
+   class="st9"
+   points="72,75.1 68.8,69.4 65.6,75.1 63.5,74 68.8,64.4 74.1,74     "
+   id="polygon12"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="30.229" y1="169.6041" x2="136.9497" y2="15.6021">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g14"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_7_"
+   gradientUnits="userSpaceOnUse"
+   x1="30.229"
+   y1="169.6041"
+   x2="136.9497"
+   y2="15.6021">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop13" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop14" />
 				</linearGradient>
-				<path class="st10" d="M88.5,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.3-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7
-					l2.4,0.1c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C94.6,100.5,88.7,111.2,88.5,111.6z"/>
+				<path
+   class="st10"
+   d="M88.5,111.6l-2.1-1.2c1.6-2.8,5.4-11.2,4.3-15.7c-0.8-2.8-1.8-4.4-3-6.1c-2.4-3.6-4.9-7.3-4.4-21.7      l2.4,0.1c-0.6,13.6,1.6,16.8,3.9,20.2c1.2,1.8,2.5,3.6,3.3,6.9C94.6,100.5,88.7,111.2,88.5,111.6z"
+   id="path14"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-			<g>
-				<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="21.6348" y1="163.6485" x2="128.3555" y2="9.6464">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			<g
+   id="g16"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_8_"
+   gradientUnits="userSpaceOnUse"
+   x1="21.6348"
+   y1="163.6485"
+   x2="128.3555"
+   y2="9.6464">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop15" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop16" />
 				</linearGradient>
-				<polygon class="st11" points="81.3,75.1 79.2,74 84.5,64.4 89.7,74 87.6,75.1 84.5,69.4 				"/>
+				<polygon
+   class="st11"
+   points="81.3,75.1 79.2,74 84.5,64.4 89.7,74 87.6,75.1 84.5,69.4     "
+   id="polygon16"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
 		</g>
 	</g>