Update to new color scheme

The color scheme has been changed to new one.

Bug-AGL: SPEC-673

Change-Id: I4aaa397766dd815853ad6a361759774faa986e1a
Signed-off-by: Tadao Tanikawa <tanikawa.tadao@jp.panasonic.com>

1 files changed, 62 insertions, 162 deletions

diff --git a/app/images/HMI_Phone_Button_NumberSign_Active-01.svg b/app/images/HMI_Phone_Button_NumberSign_Active-01.svg
index ce48926..b16e639 100644
--- a/app/images/HMI_Phone_Button_NumberSign_Active-01.svg
+++ b/app/images/HMI_Phone_Button_NumberSign_Active-01.svg
@@ -1,49 +1,19 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-
-<svg
-   xmlns:i="&amp;#38;ns_ai;"
-   xmlns:dc="http://purl.org/dc/elements/1.1/"
-   xmlns:cc="http://creativecommons.org/ns#"
-   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-   xmlns:svg="http://www.w3.org/2000/svg"
-   xmlns="http://www.w3.org/2000/svg"
-   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-   version="1.1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 172 172"
-   style="enable-background:new 0 0 172 172;"
-   xml:space="preserve"
-   id="svg2"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_Phone_Button_#_Active-01.svg"><metadata
-     id="metadata94"><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="defs92" /><sodipodi:namedview
-     pagecolor="#ffffff"
-     bordercolor="#666666"
-     borderopacity="1"
-     objecttolerance="10"
-     gridtolerance="10"
-     guidetolerance="10"
-     inkscape:pageopacity="0"
-     inkscape:pageshadow="2"
-     inkscape:window-width="2560"
-     inkscape:window-height="1464"
-     id="namedview90"
-     showgrid="false"
-     inkscape:zoom="1.372093"
-     inkscape:cx="-585.23729"
-     inkscape:cy="85.999999"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="svg2" /><style
-     type="text/css"
-     id="style4">
+<?xml version="1.0" encoding="utf-8"?>
+<!-- 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" 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 172 172"
+	 style="enable-background:new 0 0 172 172;" xml:space="preserve">
+<style type="text/css">
 	.st0{display:none;}
 	.st1{display:inline;}
 	.st2{opacity:0.15;fill:url(#SVGID_1_);}
@@ -52,119 +22,49 @@
 	.st5{display:inline;fill:#66FF99;}
 	.st6{font-family:'Roboto-Light';}
 	.st7{font-size:78.8169px;}
-	.st8{opacity:0.15;fill:url(#SVGID_5_);}
-	.st9{opacity:0.35;fill:url(#SVGID_6_);}
-	.st10{opacity:0.15;fill:url(#SVGID_7_);}
-	.st11{opacity:0.15;fill:url(#SVGID_8_);stroke:url(#SVGID_9_);stroke-miterlimit:10;}
-	.st12{fill:url(#SVGID_10_);}
-	.st13{fill:#FFFFFF;}
-</style><switch
-     id="switch6"><g
-       i:extraneous="self"
-       id="g8"><g
-         id="Active"><linearGradient
-           id="SVGID_5_"
-           gradientUnits="userSpaceOnUse"
-           x1="1.2348"
-           y1="170.7652"
-           x2="170.7652"
-           y2="1.2348"><stop
-             offset="0"
-             style="stop-color:#FFFFFF;stop-opacity:0"
-             id="stop45" /><stop
-             offset="1"
-             style="stop-color:#000000"
-             id="stop47" /></linearGradient><rect
-           x="1.2"
-           y="1.2"
-           class="st8"
-           width="169.5"
-           height="169.5"
-           id="rect49" /><linearGradient
-           id="SVGID_6_"
-           gradientUnits="userSpaceOnUse"
-           x1="-0.9569"
-           y1="168.4538"
-           x2="172.9569"
-           y2="3.5462"><stop
-             offset="0.136"
-             style="stop-color:#5DFE9F;stop-opacity:0.94"
-             id="stop52" /><stop
-             offset="0.6043"
-             style="stop-color:#6BFBFF;stop-opacity:0.6"
-             id="stop54" /></linearGradient><rect
-           x="1.2"
-           y="1.2"
-           class="st9"
-           width="169.5"
-           height="169.5"
-           id="rect56" /><g
-           id="g58"><linearGradient
-             id="SVGID_7_"
-             gradientUnits="userSpaceOnUse"
-             x1="1.2348"
-             y1="170.7652"
-             x2="170.7652"
-             y2="1.2348"><stop
-               offset="0"
-               style="stop-color:#FFFFFF;stop-opacity:0"
-               id="stop61" /><stop
-               offset="1"
-               style="stop-color:#000000"
-               id="stop63" /></linearGradient><rect
-             x="1.2"
-             y="1.2"
-             class="st10"
-             width="169.5"
-             height="169.5"
-             id="rect65" /><linearGradient
-             id="SVGID_8_"
-             gradientUnits="userSpaceOnUse"
-             x1="1"
-             y1="171"
-             x2="171"
-             y2="1"><stop
-               offset="0"
-               style="stop-color:#FFFFFF;stop-opacity:0"
-               id="stop68" /><stop
-               offset="1"
-               style="stop-color:#000000"
-               id="stop70" /></linearGradient><linearGradient
-             id="SVGID_9_"
-             gradientUnits="userSpaceOnUse"
-             x1="-1.7107"
-             y1="169.1686"
-             x2="173.7107"
-             y2="2.8314"><stop
-               offset="0"
-               style="stop-color:#8BC53F"
-               id="stop73" /><stop
-               offset="1"
-               style="stop-color:#0DF9FF"
-               id="stop75" /></linearGradient><rect
-             x="1"
-             y="1"
-             class="st11"
-             width="170"
-             height="170"
-             id="rect77" /><g
-             id="g79"><linearGradient
-               id="SVGID_10_"
-               gradientUnits="userSpaceOnUse"
-               x1="-2.2236"
-               y1="169.6549"
-               x2="174.2236"
-               y2="2.3451"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop82" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop84" /></linearGradient><path
-               class="st12"
-               d="M171,1v170H1V1H171 M172,0h-1H1H0v1v170v1h1h170h1v-1V1V0L172,0z"
-               id="path86" /></g></g><text
-           transform="matrix(1 5.460000e-03 -5.460000e-03 1 61.4761 111.604)"
-           class="st13 st6 st7"
-           id="text88">#</text>
-</g></g></switch></svg>
\ No newline at end of file
+	.st8{opacity:0.35;fill:url(#SVGID_5_);}
+	.st9{fill:#FFFFFF;}
+	.st10{fill:none;stroke:#0DF9FF;stroke-miterlimit:10;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g id="Inactive" class="st0">
+			<g class="st1">
+				<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="1.2348" y1="170.7652" x2="170.7652" y2="1.2348">
+					<stop  offset="0" style="stop-color:#FFFFFF;stop-opacity:0"/>
+					<stop  offset="1" style="stop-color:#000000"/>
+				</linearGradient>
+				<rect x="1.2" y="1.2" class="st2" width="169.5" height="169.5"/>
+				<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="1" y1="171" x2="171" y2="1">
+					<stop  offset="0" style="stop-color:#FFFFFF;stop-opacity:0"/>
+					<stop  offset="1" style="stop-color:#000000"/>
+				</linearGradient>
+				<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="-1.7107" y1="169.1686" x2="173.7107" y2="2.8314">
+					<stop  offset="0" style="stop-color:#8BC53F"/>
+					<stop  offset="1" style="stop-color:#0DF9FF"/>
+				</linearGradient>
+				<rect x="1" y="1" class="st3" width="170" height="170"/>
+				<g>
+					<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="-2.2236" y1="169.6549" x2="174.2236" y2="2.3451">
+						<stop  offset="0" style="stop-color:#59FF7F"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<path class="st4" d="M171,1v170H1V1H171 M172,0h-1H1H0v1v170v1h1h170h1v-1V1V0L172,0z"/>
+				</g>
+			</g>
+			<text transform="matrix(1 5.460000e-03 -5.460000e-03 1 61.4761 111.604)" class="st5 st6 st7">#</text>
+		</g>
+		<g id="Active">
+			<g>
+				<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="-1.1917" y1="168.219" x2="172.7222" y2="3.3114">
+					<stop  offset="0.136" style="stop-color:#00ADDC;stop-opacity:0.94"/>
+					<stop  offset="0.9332" style="stop-color:#0DF9FF;stop-opacity:0.6"/>
+				</linearGradient>
+				<rect x="1" y="1" class="st8" width="169.5" height="169.5"/>
+				<text transform="matrix(1 5.460000e-03 -5.460000e-03 1 61.2437 111.3722)" class="st9 st6 st7">#</text>
+				<rect x="1" y="1" class="st10" width="169.5" height="169.5"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>