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, 152 insertions, 55 deletions

diff --git a/src/images/HMI_HVAC_AirRight_Active.svg b/src/images/HMI_HVAC_AirRight_Active.svg
index cfb9452..1c019dd 100644
--- a/src/images/HMI_HVAC_AirRight_Active.svg
+++ b/src/images/HMI_HVAC_AirRight_Active.svg
@@ -1,69 +1,166 @@
-<?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_AirRight_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"><defs
+   id="defs10">
+	
+
+		
+	
+			
+			
+			
+			
+		</defs><sodipodi:namedview
+   id="namedview10"
+   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:url(#SVGID_1_);}
 	.st1{fill:url(#SVGID_2_);}
 	.st2{fill:url(#SVGID_3_);}
 	.st3{fill:url(#SVGID_4_);}
 </style>
-<switch>
-	<g i:extraneous="self">
-		<g>
-			<g>
-				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="-12.9122" y1="161.8499" x2="136.9379" y2="-4.2002">
-					<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.354645"
+   cy="70.364502"
+   rx="67.354645"
+   ry="67.364502" /><g
+   id="g2"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="-12.9122"
+   y1="161.8499"
+   x2="136.9379"
+   y2="-4.2002001">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop1" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop2" />
 				</linearGradient>
-				<path class="st0" d="M70,138.5c-0.1,0-0.3,0-0.4,0c-18.3-0.1-35.5-7.3-48.3-20.3C8.4,105.2,1.4,87.9,1.5,69.6
-					c0.1-18.3,7.3-35.5,20.3-48.3C34.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.3
-					c12.9,13,19.9,30.2,19.8,48.5l0,0C138.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.6
-					c-0.1,17.7,6.7,34.3,19.1,46.8s29,19.5,46.6,19.6c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.7c0.1-17.7-6.7-34.3-19.1-46.8
-					C104.6,11,88,4,70.4,3.9C70.2,3.9,70.1,3.9,70,3.9z"/>
-			</g>
-			<g>
-				<g>
-					<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-2.2981" y1="171.5389" x2="147.6513" y2="5.3788">
-						<stop  offset="0" style="stop-color:#00ADDC"/>
-						<stop  offset="1" style="stop-color:#6BFBFF"/>
+				<path
+   class="st0"
+   d="m 70,138.5 c -0.1,0 -0.3,0 -0.4,0 C 51.3,138.4 34.1,131.2 21.3,118.2 8.4,105.2 1.4,87.9 1.5,69.6 1.6,51.3 8.8,34.1 21.8,21.3 34.7,8.5 51.8,1.5 70,1.5 c 0.1,0 0.3,0 0.4,0 18.3,0.1 35.5,7.3 48.3,20.3 12.9,13 19.9,30.2 19.8,48.5 v 0 C 138.3,108 107.6,138.5 70,138.5 Z M 70,3.9 C 52.5,3.9 36,10.7 23.5,23 11,35.4 4,52 3.9,69.6 c -0.1,17.7 6.7,34.3 19.1,46.8 12.4,12.5 29,19.5 46.6,19.6 0.1,0 0.2,0 0.4,0 36.3,0 65.9,-29.4 66.1,-65.7 C 136.2,52.6 129.4,36 117,23.5 104.6,11 88,4 70.4,3.9 c -0.2,0 -0.3,0 -0.4,0 z"
+   id="path2"
+   style="fill:#c1d8ff;fill-opacity:1" />
+			</g><g
+   id="g5"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<g
+   id="g4"
+   style="fill:#c1d8ff;fill-opacity:1">
+					<linearGradient
+   id="SVGID_2_"
+   gradientUnits="userSpaceOnUse"
+   x1="-2.2981"
+   y1="171.53889"
+   x2="147.65131"
+   y2="5.3787999">
+						<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop3" />
+						<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop4" />
 					</linearGradient>
-					<path class="st1" d="M96.9,65.2c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9L57.5,83c-2-0.5-4,0.2-5.2,1.9l-15.4,20.9
-						c-1.6,2.2-1.2,5.3,1.1,6.9c0.9,0.7,1.9,1,2.9,1c1.5,0,3-0.7,4-2l13.4-18.2l21.3,5.5c0.1,0.1,0.2,0.1,0.4,0.2
-						c1,0.5,2,0.7,3.1,0.7c2.5,0,5-1.4,6.2-3.8L100,74.4C101.7,71,100.3,66.9,96.9,65.2z"/>
+					<path
+   class="st1"
+   d="m 96.9,65.2 c -3.4,-1.7 -7.5,-0.3 -9.2,3.1 L 77.7,88.2 57.5,83 c -2,-0.5 -4,0.2 -5.2,1.9 l -15.4,20.9 c -1.6,2.2 -1.2,5.3 1.1,6.9 0.9,0.7 1.9,1 2.9,1 1.5,0 3,-0.7 4,-2 L 58.3,93.5 79.6,99 c 0.1,0.1 0.2,0.1 0.4,0.2 1,0.5 2,0.7 3.1,0.7 2.5,0 5,-1.4 6.2,-3.8 L 100,74.4 c 1.7,-3.4 0.3,-7.5 -3.1,-9.2 z"
+   id="path4"
+   style="fill:#c1d8ff;fill-opacity:1" />
 				</g>
-			</g>
-			<g>
-				<g>
-					<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-6.0031" y1="168.1953" x2="143.9462" y2="2.0352">
-						<stop  offset="0" style="stop-color:#00ADDC"/>
-						<stop  offset="1" style="stop-color:#6BFBFF"/>
+			</g><g
+   id="g7"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<g
+   id="g6"
+   style="fill:#c1d8ff;fill-opacity:1">
+					<linearGradient
+   id="SVGID_3_"
+   gradientUnits="userSpaceOnUse"
+   x1="-6.0030999"
+   y1="168.1953"
+   x2="143.9462"
+   y2="2.0352001">
+						<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop5" />
+						<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop6" />
 					</linearGradient>
-					<circle class="st2" cx="97.2" cy="53.8" r="8.3"/>
+					<circle
+   class="st2"
+   cx="97.199997"
+   cy="53.799999"
+   r="8.3000002"
+   id="circle6"
+   style="fill:#c1d8ff;fill-opacity:1" />
 				</g>
-			</g>
-			<g>
-				<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-32.1525" y1="144.5971" x2="117.7968" y2="-21.563">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			</g><g
+   id="g8"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_4_"
+   gradientUnits="userSpaceOnUse"
+   x1="-32.1525"
+   y1="144.59711"
+   x2="117.7968"
+   y2="-21.563">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop7" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop8" />
 				</linearGradient>
-				<path class="st3" d="M55.9,68.3c-0.4,0-0.7-0.1-1-0.4l-0.4-0.4v-8.7H34.1c-0.9,0-1.6-0.7-1.6-1.6v-8c0-0.9,0.7-1.6,1.6-1.6h21.6
-					v0.7h1.2v1.7h-22v6.5h22v8.3l12-11.3L56.3,41.4h-1.8v-2.1l0.4-0.4c0.6-0.5,1.6-0.7,2.2-0.1l14.2,13.4c0.3,0.3,0.5,0.7,0.5,1.1
-					s-0.2,0.8-0.5,1.1L57.1,67.8C56.8,68.1,56.3,68.3,55.9,68.3z M55.5,66.1C55.5,66.1,55.5,66.1,55.5,66.1L55.5,66.1z M55.5,40.6
-					C55.5,40.6,55.5,40.6,55.5,40.6L55.5,40.6z"/>
+				<path
+   class="st3"
+   d="m 55.9,68.3 c -0.4,0 -0.7,-0.1 -1,-0.4 L 54.5,67.5 V 58.8 H 34.1 c -0.9,0 -1.6,-0.7 -1.6,-1.6 v -8 c 0,-0.9 0.7,-1.6 1.6,-1.6 h 21.6 v 0.7 h 1.2 V 50 h -22 v 6.5 h 22 v 8.3 L 68.9,53.5 56.3,41.4 h -1.8 v -2.1 l 0.4,-0.4 c 0.6,-0.5 1.6,-0.7 2.2,-0.1 l 14.2,13.4 c 0.3,0.3 0.5,0.7 0.5,1.1 0,0.4 -0.2,0.8 -0.5,1.1 L 57.1,67.8 c -0.3,0.3 -0.8,0.5 -1.2,0.5 z m -0.4,-2.2 z m 0,-25.5 z"
+   id="path8"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-		</g>
-	</g>
-</switch>
 </svg>