Update to new color scheme

The color scheme has been changed to new one.

Bug-AGL: SPEC-673

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

1 files changed, 121 insertions, 286 deletions

diff --git a/app/images/AGL_MediaPlayer_Radio_Active.svg b/app/images/AGL_MediaPlayer_Radio_Active.svg
index 77a9afa..cfcc502 100644
--- a/app/images/AGL_MediaPlayer_Radio_Active.svg
+++ b/app/images/AGL_MediaPlayer_Radio_Active.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;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"
-   id="Layer_1"
-   x="0px"
-   y="0px"
-   viewBox="0 0 80 80"
-   style="enable-background:new 0 0 80 80;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="AGL_MediaPlayer_Radio_Active.svg"><metadata
-     id="metadata132"><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="defs130" /><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="namedview128"
-     showgrid="false"
-     inkscape:zoom="2.95"
-     inkscape:cx="-99.322034"
-     inkscape:cy="40"
-     inkscape:window-x="0"
-     inkscape:window-y="0"
-     inkscape:window-maximized="1"
-     inkscape:current-layer="Layer_1" /><style
-     type="text/css"
-     id="style3">
+<?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" id="Layer_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 80 80"
+	 style="enable-background:new 0 0 80 80;" xml:space="preserve">
+<style type="text/css">
 	.st0{fill:url(#SVGID_1_);}
 	.st1{fill:url(#SVGID_2_);}
 	.st2{fill:url(#SVGID_3_);}
@@ -57,243 +27,108 @@
 	.st10{fill:url(#SVGID_11_);}
 	.st11{fill:url(#SVGID_12_);}
 	.st12{fill:url(#SVGID_13_);}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><linearGradient
-           id="SVGID_1_"
-           gradientUnits="userSpaceOnUse"
-           x1="3.9276"
-           y1="95.1698"
-           x2="82.4232"
-           y2="-24.8823"><stop
-             offset="0"
-             style="stop-color:#59FF7F"
-             id="stop12" /><stop
-             offset="1"
-             style="stop-color:#6BFBFF"
-             id="stop14" /></linearGradient><path
-           class="st0"
-           d="M40,80c-0.1,0-0.1,0-0.2,0C17.7,79.9-0.1,61.8,0,39.8C0.1,17.8,18,0,40,0c0.1,0,0.1,0,0.2,0     C62.3,0.1,80.1,18.2,80,40.2l0,0C79.9,62.2,62,80,40,80z M40,1.4C18.8,1.4,1.5,18.6,1.4,39.8C1.3,61.1,18.5,78.5,39.8,78.6     c0.1,0,0.1,0,0.2,0c21.2,0,38.5-17.2,38.6-38.4C78.7,18.9,61.5,1.5,40.2,1.4C40.1,1.4,40.1,1.4,40,1.4z"
-           id="path16" /><g
-           id="g18"><g
-             id="g20"><linearGradient
-               id="SVGID_2_"
-               gradientUnits="userSpaceOnUse"
-               x1="0.6657"
-               y1="93.037"
-               x2="79.1612"
-               y2="-27.015"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop23" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop25" /></linearGradient><path
-               class="st1"
-               d="M43.8,51.7l-0.5-1.6c3.7-1.2,6.1-4.4,6.1-8V23.5c0-4.7-4.2-8.5-9.3-8.5s-9.3,3.8-9.3,8.5v18.6       c0,3.5,2.4,6.7,6.1,8l-0.5,1.6c-4.3-1.5-7.2-5.3-7.2-9.6V23.5c0-5.6,4.9-10.2,11-10.2s11,4.6,11,10.2v18.6       C51,46.4,48.1,50.3,43.8,51.7z"
-               id="path27" /></g><g
-             id="g29"><linearGradient
-               id="SVGID_3_"
-               gradientUnits="userSpaceOnUse"
-               x1="6.4911"
-               y1="96.8461"
-               x2="84.9869"
-               y2="-23.2062"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop32" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop34" /></linearGradient><path
-               class="st2"
-               d="M40,56.6c-8.4,0-15.3-5.6-15.3-12.5h1.7c0,6,6.1,10.9,13.6,10.9S53.6,50,53.6,44h1.7       C55.3,50.9,48.4,56.6,40,56.6z"
-               id="path36" /></g><g
-             id="g38"><linearGradient
-               id="SVGID_4_"
-               gradientUnits="userSpaceOnUse"
-               x1="13.5651"
-               y1="101.4712"
-               x2="92.0607"
-               y2="-18.5808"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop41" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop43" /></linearGradient><rect
-               x="39.2"
-               y="59.2"
-               class="st3"
-               width="1.7"
-               height="3.7"
-               id="rect45" /></g><g
-             id="g47"><linearGradient
-               id="SVGID_5_"
-               gradientUnits="userSpaceOnUse"
-               x1="-6.0323"
-               y1="88.6578"
-               x2="72.4634"
-               y2="-31.3946"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop50" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop52" /></linearGradient><rect
-               x="29.9"
-               y="27.8"
-               class="st4"
-               width="6.6"
-               height="1.7"
-               id="rect54" /></g><g
-             id="g56"><linearGradient
-               id="SVGID_6_"
-               gradientUnits="userSpaceOnUse"
-               x1="-8.3573"
-               y1="87.1376"
-               x2="70.1385"
-               y2="-32.9148"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop59" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop61" /></linearGradient><rect
-               x="29.9"
-               y="22.7"
-               class="st5"
-               width="6.6"
-               height="1.7"
-               id="rect63" /></g><g
-             id="g65"><linearGradient
-               id="SVGID_7_"
-               gradientUnits="userSpaceOnUse"
-               x1="-3.6831"
-               y1="90.1938"
-               x2="74.8127"
-               y2="-29.8586"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop68" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop70" /></linearGradient><rect
-               x="29.9"
-               y="32.9"
-               class="st6"
-               width="6.6"
-               height="1.7"
-               id="rect72" /></g><g
-             id="g74"><linearGradient
-               id="SVGID_8_"
-               gradientUnits="userSpaceOnUse"
-               x1="-1.3579"
-               y1="91.7141"
-               x2="77.1379"
-               y2="-28.3383"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop77" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop79" /></linearGradient><rect
-               x="29.9"
-               y="38"
-               class="st7"
-               width="6.6"
-               height="1.7"
-               id="rect81" /></g><g
-             id="g83"><linearGradient
-               id="SVGID_9_"
-               gradientUnits="userSpaceOnUse"
-               x1="3.4647"
-               y1="94.8674"
-               x2="81.9605"
-               y2="-25.185"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop86" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop88" /></linearGradient><rect
-               x="43.5"
-               y="27.8"
-               class="st8"
-               width="6.6"
-               height="1.7"
-               id="rect90" /></g><g
-             id="g92"><linearGradient
-               id="SVGID_10_"
-               gradientUnits="userSpaceOnUse"
-               x1="1.1397"
-               y1="93.3472"
-               x2="79.6355"
-               y2="-26.7052"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop95" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop97" /></linearGradient><rect
-               x="43.5"
-               y="22.7"
-               class="st9"
-               width="6.6"
-               height="1.7"
-               id="rect99" /></g><g
-             id="g101"><linearGradient
-               id="SVGID_11_"
-               gradientUnits="userSpaceOnUse"
-               x1="5.8139"
-               y1="96.4034"
-               x2="84.3097"
-               y2="-23.649"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop104" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop106" /></linearGradient><rect
-               x="43.5"
-               y="32.9"
-               class="st10"
-               width="6.6"
-               height="1.7"
-               id="rect108" /></g><g
-             id="g110"><linearGradient
-               id="SVGID_12_"
-               gradientUnits="userSpaceOnUse"
-               x1="8.1391"
-               y1="97.9237"
-               x2="86.6349"
-               y2="-22.1287"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop113" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop115" /></linearGradient><rect
-               x="43.5"
-               y="38"
-               class="st11"
-               width="6.6"
-               height="1.7"
-               id="rect117" /></g><g
-             id="g119"><linearGradient
-               id="SVGID_13_"
-               gradientUnits="userSpaceOnUse"
-               x1="15.826"
-               y1="102.9496"
-               x2="94.3218"
-               y2="-17.1028"><stop
-                 offset="0"
-                 style="stop-color:#59FF7F"
-                 id="stop122" /><stop
-                 offset="1"
-                 style="stop-color:#6BFBFF"
-                 id="stop124" /></linearGradient><path
-               class="st12"
-               d="M50.2,66.7h-1.7c0-2.1-1.1-2.5-4.1-2.5h-8.8c-3,0-4.1,0.4-4.1,2.5h-1.7c0-4.2,3.6-4.2,5.8-4.2h8.8       C46.6,62.5,50.2,62.5,50.2,66.7z"
-               id="path126" /></g></g></g></g></switch></svg>
\ No newline at end of file
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="3.9276" y1="95.1698" x2="82.4232" y2="-24.8823">
+				<stop  offset="0" style="stop-color:#00ADDC"/>
+				<stop  offset="1" style="stop-color:#6BFBFF"/>
+			</linearGradient>
+			<path class="st0" d="M40,80c-0.1,0-0.1,0-0.2,0C17.7,79.9-0.1,61.8,0,39.8C0.1,17.8,18,0,40,0c0.1,0,0.1,0,0.2,0
+				C62.3,0.1,80.1,18.2,80,40.2l0,0C79.9,62.2,62,80,40,80z M40,1.4C18.8,1.4,1.5,18.6,1.4,39.8C1.3,61.1,18.5,78.5,39.8,78.6
+				c0.1,0,0.1,0,0.2,0c21.2,0,38.5-17.2,38.6-38.4C78.7,18.9,61.5,1.5,40.2,1.4C40.1,1.4,40.1,1.4,40,1.4z"/>
+			<g>
+				<g>
+					<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="0.6657" y1="93.037" x2="79.1612" y2="-27.015">
+						<stop  offset="0" style="stop-color:#00ADDC"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<path class="st1" d="M43.8,51.7l-0.5-1.6c3.7-1.2,6.1-4.4,6.1-8V23.5c0-4.7-4.2-8.5-9.3-8.5s-9.3,3.8-9.3,8.5v18.6
+						c0,3.5,2.4,6.7,6.1,8l-0.5,1.6c-4.3-1.5-7.2-5.3-7.2-9.6V23.5c0-5.6,4.9-10.2,11-10.2s11,4.6,11,10.2v18.6
+						C51,46.4,48.1,50.3,43.8,51.7z"/>
+				</g>
+				<g>
+					<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="6.4911" y1="96.8461" x2="84.9869" y2="-23.2062">
+						<stop  offset="0" style="stop-color:#00ADDC"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<path class="st2" d="M40,56.6c-8.4,0-15.3-5.6-15.3-12.5h1.7c0,6,6.1,10.9,13.6,10.9S53.6,50,53.6,44h1.7
+						C55.3,50.9,48.4,56.6,40,56.6z"/>
+				</g>
+				<g>
+					<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="13.5651" y1="101.4712" x2="92.0607" y2="-18.5808">
+						<stop  offset="0" style="stop-color:#00ADDC"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<rect x="39.2" y="59.2" class="st3" width="1.7" height="3.7"/>
+				</g>
+				<g>
+					<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="-6.0323" y1="88.6578" x2="72.4634" y2="-31.3946">
+						<stop  offset="0" style="stop-color:#00ADDC"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<rect x="29.9" y="27.8" class="st4" width="6.6" height="1.7"/>
+				</g>
+				<g>
+					<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="-8.3573" y1="87.1376" x2="70.1385" y2="-32.9148">
+						<stop  offset="0" style="stop-color:#00ADDC"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<rect x="29.9" y="22.7" class="st5" width="6.6" height="1.7"/>
+				</g>
+				<g>
+					<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="-3.6831" y1="90.1938" x2="74.8127" y2="-29.8586">
+						<stop  offset="0" style="stop-color:#00ADDC"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<rect x="29.9" y="32.9" class="st6" width="6.6" height="1.7"/>
+				</g>
+				<g>
+					<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="-1.3579" y1="91.7141" x2="77.1379" y2="-28.3383">
+						<stop  offset="0" style="stop-color:#00ADDC"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<rect x="29.9" y="38" class="st7" width="6.6" height="1.7"/>
+				</g>
+				<g>
+					<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="3.4647" y1="94.8674" x2="81.9605" y2="-25.185">
+						<stop  offset="0" style="stop-color:#00ADDC"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<rect x="43.5" y="27.8" class="st8" width="6.6" height="1.7"/>
+				</g>
+				<g>
+					<linearGradient id="SVGID_10_" gradientUnits="userSpaceOnUse" x1="1.1397" y1="93.3472" x2="79.6355" y2="-26.7052">
+						<stop  offset="0" style="stop-color:#00ADDC"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<rect x="43.5" y="22.7" class="st9" width="6.6" height="1.7"/>
+				</g>
+				<g>
+					<linearGradient id="SVGID_11_" gradientUnits="userSpaceOnUse" x1="5.8139" y1="96.4034" x2="84.3097" y2="-23.649">
+						<stop  offset="0" style="stop-color:#00ADDC"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<rect x="43.5" y="32.9" class="st10" width="6.6" height="1.7"/>
+				</g>
+				<g>
+					<linearGradient id="SVGID_12_" gradientUnits="userSpaceOnUse" x1="8.1391" y1="97.9237" x2="86.6349" y2="-22.1287">
+						<stop  offset="0" style="stop-color:#00ADDC"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<rect x="43.5" y="38" class="st11" width="6.6" height="1.7"/>
+				</g>
+				<g>
+					<linearGradient id="SVGID_13_" gradientUnits="userSpaceOnUse" x1="15.826" y1="102.9496" x2="94.3218" y2="-17.1028">
+						<stop  offset="0" style="stop-color:#00ADDC"/>
+						<stop  offset="1" style="stop-color:#6BFBFF"/>
+					</linearGradient>
+					<path class="st12" d="M50.2,66.7h-1.7c0-2.1-1.1-2.5-4.1-2.5h-8.8c-3,0-4.1,0.4-4.1,2.5h-1.7c0-4.2,3.6-4.2,5.8-4.2h8.8
+						C46.6,62.5,50.2,62.5,50.2,66.7z"/>
+				</g>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>