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, 148 insertions, 53 deletions

diff --git a/src/images/HMI_HVAC_AirDown_Active.svg b/src/images/HMI_HVAC_AirDown_Active.svg
index 85dd533..1ab52ab 100644
--- a/src/images/HMI_HVAC_AirDown_Active.svg
+++ b/src/images/HMI_HVAC_AirDown_Active.svg
@@ -1,66 +1,161 @@
-<?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_AirDown_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="defs11">
+	
+
+		
+	
+			
+			
+			
+		
+				<linearGradient
+   id="SVGID_1_"
+   gradientUnits="userSpaceOnUse"
+   x1="-30.516001"
+   y1="171.18649"
+   x2="175.7655"
+   y2="-26.5646"
+   gradientTransform="matrix(1,0.00546456,-0.00546456,1,-2.5085,-2.852)">
+					<stop
+   offset="0"
+   style="stop-color:#c1d8ff;stop-opacity:1;"
+   id="stop1" />
+					<stop
+   offset="1"
+   style="stop-color:#0DF9FF"
+   id="stop2" />
+				</linearGradient>
+				
+			</defs><sodipodi:namedview
+   id="namedview11"
+   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="-30.516" y1="171.1865" x2="175.7655" y2="-26.5646" gradientTransform="matrix(1 5.464556e-03 -5.464556e-03 1 -2.5085 -2.852)">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#0DF9FF"/>
-				</linearGradient>
-				<path class="st0" d="M70.1,138.1c-0.1,0-0.3,0-0.4,0C31.9,137.9,1.3,107,1.5,69.2C1.7,31.5,32.4,1,70,1c0.1,0,0.3,0,0.4,0
-					c37.8,0.2,68.4,31.1,68.2,68.9l0,0C138.4,107.6,107.7,138.1,70.1,138.1z M70,3.4C33.7,3.4,4.1,32.8,3.9,69.2
-					c-0.2,36.5,29.3,66.3,65.8,66.5c0.1,0,0.2,0,0.4,0c36.3,0,65.9-29.4,66.1-65.8c0.2-36.5-29.3-66.3-65.8-66.5
-					C70.3,3.4,70.2,3.4,70,3.4z"/>
-			</g>
-			<g>
-				<g>
-					<g>
-						<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="-101.4773" y1="281.1379" x2="140.6279" y2="12.7169">
-							<stop  offset="0" style="stop-color:#00ADDC"/>
-							<stop  offset="1" style="stop-color:#6BFBFF"/>
+<ellipse
+   style="opacity:1;fill:#2962ff;fill-opacity:1;stroke:none;stroke-width:1.54683"
+   id="path1"
+   cx="70.51873"
+   cy="69.59594"
+   rx="67.354645"
+   ry="67.364502" /><path
+   class="st0"
+   d="m 70.1,138.1 c -0.1,0 -0.3,0 -0.4,0 C 31.9,137.9 1.3,107 1.5,69.2 1.7,31.5 32.4,1 70,1 c 0.1,0 0.3,0 0.4,0 37.8,0.2 68.4,31.1 68.2,68.9 v 0 c -0.2,37.7 -30.9,68.2 -68.5,68.2 z M 70,3.4 C 33.7,3.4 4.1,32.8 3.9,69.2 c -0.2,36.5 29.3,66.3 65.8,66.5 0.1,0 0.2,0 0.4,0 36.3,0 65.9,-29.4 66.1,-65.8 0.2,-36.5 -29.3,-66.3 -65.8,-66.5 -0.1,0 -0.2,0 -0.4,0 z"
+   id="path2"
+   style="fill:#c1d8ff;fill-opacity:1" /><g
+   id="g8"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<g
+   id="g7"
+   style="fill:#c1d8ff;fill-opacity:1">
+					<g
+   id="g6"
+   style="fill:#c1d8ff;fill-opacity:1">
+						<linearGradient
+   id="SVGID_2_"
+   gradientUnits="userSpaceOnUse"
+   x1="-101.4773"
+   y1="281.13791"
+   x2="140.6279"
+   y2="12.7169">
+							<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,64.7c-3.4-1.7-7.5-0.3-9.2,3.1l-10,19.9l-20.2-5.2c-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-2L58.3,93l21.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,74C101.7,70.6,100.4,66.4,96.9,64.7z"/>
-						<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-105.1744" y1="277.8033" x2="136.9309" y2="9.3823">
-							<stop  offset="0" style="stop-color:#00ADDC"/>
-							<stop  offset="1" style="stop-color:#6BFBFF"/>
+						<path
+   class="st1"
+   d="M 96.9,64.7 C 93.5,63 89.4,64.4 87.7,67.8 l -10,19.9 -20.2,-5.2 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 79.6,98.5 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 c 1.7,-3.4 0.4,-7.6 -3.1,-9.3 z"
+   id="path4"
+   style="fill:#c1d8ff;fill-opacity:1" />
+						<linearGradient
+   id="SVGID_3_"
+   gradientUnits="userSpaceOnUse"
+   x1="-105.1744"
+   y1="277.80331"
+   x2="136.93089"
+   y2="9.3823004">
+							<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop5" />
+							<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop6" />
 						</linearGradient>
-						<circle class="st2" cx="97.3" cy="53.4" r="8.3"/>
+						<circle
+   class="st2"
+   cx="97.300003"
+   cy="53.400002"
+   r="8.3000002"
+   id="circle6"
+   style="fill:#c1d8ff;fill-opacity:1" />
 					</g>
 				</g>
-			</g>
-			<g>
-				<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-131.1376" y1="254.3855" x2="110.9676" y2="-14.0356">
-					<stop  offset="0" style="stop-color:#00ADDC"/>
-					<stop  offset="1" style="stop-color:#6BFBFF"/>
+			</g><g
+   id="g9"
+   style="fill:#c1d8ff;fill-opacity:1">
+				<linearGradient
+   id="SVGID_4_"
+   gradientUnits="userSpaceOnUse"
+   x1="-131.1376"
+   y1="254.3855"
+   x2="110.9676"
+   y2="-14.0356">
+					<stop
+   offset="0"
+   style="stop-color:#00ADDC"
+   id="stop8" />
+					<stop
+   offset="1"
+   style="stop-color:#6BFBFF"
+   id="stop9" />
 				</linearGradient>
-				<path class="st3" d="M52.2,72.4c-0.4,0-0.7-0.1-0.9-0.4L37.9,57.8c-0.4-0.4-0.7-1.3-0.1-1.9l0.3-0.3h8.9V34.9
-					c0-0.8,0.6-1.4,1.4-1.4h8c0.8,0,1.4,0.6,1.4,1.4v21.6h-0.5v1h-1.5v-22h-6.9v22h-8.5l11.8,12.5l11.9-12.6v-1.9h2l0.3,0.3
-					c0.4,0.4,0.7,1.4,0.1,2L53.2,72C52.9,72.2,52.6,72.4,52.2,72.4z M65.1,56.4C65.1,56.4,65.1,56.4,65.1,56.4L65.1,56.4z
-					 M39.4,56.4L39.4,56.4C39.4,56.4,39.4,56.4,39.4,56.4z"/>
+				<path
+   class="st3"
+   d="m 52.2,72.4 c -0.4,0 -0.7,-0.1 -0.9,-0.4 L 37.9,57.8 c -0.4,-0.4 -0.7,-1.3 -0.1,-1.9 l 0.3,-0.3 H 47 V 34.9 c 0,-0.8 0.6,-1.4 1.4,-1.4 h 8 c 0.8,0 1.4,0.6 1.4,1.4 v 21.6 h -0.5 v 1 h -1.5 v -22 h -6.9 v 22 H 40.4 L 52.2,70 64.1,57.4 v -1.9 h 2 l 0.3,0.3 c 0.4,0.4 0.7,1.4 0.1,2 L 53.2,72 c -0.3,0.2 -0.6,0.4 -1,0.4 z m 12.9,-16 z m -25.7,0 z"
+   id="path9"
+   style="fill:#c1d8ff;fill-opacity:1" />
 			</g>
-		</g>
-	</g>
-</switch>
 </svg>