From 491b4c3aab9a42af17dc1bcf0889751694069dd9 Mon Sep 17 00:00:00 2001
From: Tadao Tanikawa <tanikawa.tadao@jp.panasonic.com>
Date: Wed, 20 Dec 2017 21:33:45 +0900
Subject: Update to new color scheme

The color scheme has been changed to new one.

Bug-AGL: SPEC-673

Change-Id: I1a296a8810c5366534df5d4ab1c1dec35b8ef8ba
Signed-off-by: Tadao Tanikawa <tanikawa.tadao@jp.panasonic.com>
---
 app/images/AGL_MediaPlayer_BackArrow.svg    |  85 ++----
 app/images/AGL_MediaPlayer_ForwardArrow.svg |  85 ++----
 app/images/AGL_MediaPlayer_Player_Pause.svg | 100 +++----
 app/images/AGL_MediaPlayer_Player_Play.svg  |  99 +++----
 app/images/FM_Icons_AM.svg                  |  95 ++-----
 app/images/FM_Icons_FM.svg                  |  90 ++----
 app/images/HMI_Radio_Equalizer.svg          | 412 ++++++----------------------
 app/images/Radio_Active_Icon.svg            | 407 ++++++++-------------------
 8 files changed, 384 insertions(+), 989 deletions(-)

(limited to 'app')

diff --git a/app/images/AGL_MediaPlayer_BackArrow.svg b/app/images/AGL_MediaPlayer_BackArrow.svg
index c49b519..061c6ec 100644
--- a/app/images/AGL_MediaPlayer_BackArrow.svg
+++ b/app/images/AGL_MediaPlayer_BackArrow.svg
@@ -1,56 +1,29 @@
-<?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_BackArrow.svg"><metadata
-     id="metadata18"><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="defs16" /><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="namedview14"
-     showgrid="false"
-     inkscape:zoom="2.95"
-     inkscape:cx="-116.94915"
-     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">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#66FF99;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="previous_1_"><g
-           id="g10"><path
-             class="st0"
-             d="M68,38.4H18.3c3.4-3.4,11.1-11,11.1-11c0-0.1-1.6-3.2-1.6-3.2L12,40l15.8,15.8c0,0,1.6-3.2,1.6-3.2      c0,0-7.7-7.7-11-11.1H68V38.4z"
-             id="path12" /></g></g></g></switch></svg>
\ No newline at end of file
+<?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-rule:evenodd;clip-rule:evenodd;fill:#0DF9FF;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g id="previous_1_">
+			<g>
+				<path class="st0" d="M68,38.4H18.3c3.4-3.4,11.1-11,11.1-11c0-0.1-1.6-3.2-1.6-3.2L12,40l15.8,15.8c0,0,1.6-3.2,1.6-3.2
+					c0,0-7.7-7.7-11-11.1H68V38.4z"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/AGL_MediaPlayer_ForwardArrow.svg b/app/images/AGL_MediaPlayer_ForwardArrow.svg
index 56576ac..ea17210 100644
--- a/app/images/AGL_MediaPlayer_ForwardArrow.svg
+++ b/app/images/AGL_MediaPlayer_ForwardArrow.svg
@@ -1,56 +1,29 @@
-<?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_ForwardArrow.svg"><metadata
-     id="metadata18"><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="defs16" /><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="namedview14"
-     showgrid="false"
-     inkscape:zoom="2.95"
-     inkscape:cx="-118.98305"
-     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">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#66FF99;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="previous_1_"><g
-           id="g10"><path
-             class="st0"
-             d="M12,38.4h49.7c-3.4-3.4-11.1-11-11.1-11c0-0.1,1.6-3.2,1.6-3.2L68,40L52.2,55.8c0,0-1.6-3.2-1.6-3.2      c0,0,7.7-7.7,11-11.1H12V38.4z"
-             id="path12" /></g></g></g></switch></svg>
\ No newline at end of file
+<?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-rule:evenodd;clip-rule:evenodd;fill:#0DF9FF;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g id="previous_1_">
+			<g>
+				<path class="st0" d="M52.2,24.2c0,0-1.6,3.2-1.6,3.2c0,0,7.7,7.6,11.1,11H12v3.2h49.7c-3.4,3.4-11,11.1-11,11.1
+					c0,0,1.6,3.2,1.6,3.2L68,40L52.2,24.2z"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/AGL_MediaPlayer_Player_Pause.svg b/app/images/AGL_MediaPlayer_Player_Pause.svg
index ee55213..03eacc1 100644
--- a/app/images/AGL_MediaPlayer_Player_Pause.svg
+++ b/app/images/AGL_MediaPlayer_Player_Pause.svg
@@ -1,67 +1,37 @@
-<?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 100 100"
-   style="enable-background:new 0 0 100 100;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="AGL_MediaPlayer_Player_Pause.svg"><metadata
-     id="metadata23"><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="defs21" /><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="namedview19"
-     showgrid="false"
-     inkscape:zoom="2.36"
-     inkscape:cx="-133.05085"
-     inkscape:cy="50"
-     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 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
 	.st0{opacity:0.851;}
-	.st1{fill:none;stroke:#66FF99;stroke-width:2;stroke-miterlimit:10;}
+	.st1{fill:none;stroke:#0DF9FF;stroke-width:2;stroke-miterlimit:10;}
 	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="button_2_"
-         class="st0"><g
-           id="g10"><ellipse
-             class="st1"
-             cx="49.3"
-             cy="49.6"
-             rx="46"
-             ry="46"
-             id="ellipse12" /></g></g><g
-         id="pause_2_"><g
-           id="g15"><path
-             class="st2"
-             d="M43.1,29.8h-5.6c-1.6,0-2.8,1.2-2.8,2.8v33.2c0,1.5,1.3,2.8,2.8,2.8h5.6c1.6,0,2.8-1.2,2.8-2.8V32.5      C45.9,31,44.6,29.8,43.1,29.8z M60,29.8h-5.6c-1.6,0-2.8,1.2-2.8,2.8v33.2c0,1.5,1.3,2.8,2.8,2.8H60c1.6,0,2.8-1.2,2.8-2.8V32.5      C62.8,31,61.6,29.8,60,29.8z"
-             id="path17" /></g></g></g></switch></svg>
\ No newline at end of file
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g id="button_2_" class="st0">
+			<g>
+				<ellipse class="st1" cx="49.3" cy="49.6" rx="46" ry="46"/>
+			</g>
+		</g>
+		<g id="pause_2_">
+			<g>
+				<path class="st2" d="M43.1,29.8h-5.6c-1.6,0-2.8,1.2-2.8,2.8v33.2c0,1.5,1.3,2.8,2.8,2.8h5.6c1.6,0,2.8-1.2,2.8-2.8V32.5
+					C45.9,31,44.6,29.8,43.1,29.8z M60,29.8h-5.6c-1.6,0-2.8,1.2-2.8,2.8v33.2c0,1.5,1.3,2.8,2.8,2.8H60c1.6,0,2.8-1.2,2.8-2.8V32.5
+					C62.8,31,61.6,29.8,60,29.8z"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/AGL_MediaPlayer_Player_Play.svg b/app/images/AGL_MediaPlayer_Player_Play.svg
index c296f8a..7e89297 100644
--- a/app/images/AGL_MediaPlayer_Player_Play.svg
+++ b/app/images/AGL_MediaPlayer_Player_Play.svg
@@ -1,67 +1,36 @@
-<?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 100 100"
-   style="enable-background:new 0 0 100 100;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="AGL_MediaPlayer_Player_Play.svg"><metadata
-     id="metadata23"><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="defs21" /><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="namedview19"
-     showgrid="false"
-     inkscape:zoom="2.36"
-     inkscape:cx="-159.95763"
-     inkscape:cy="50"
-     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 100 100"
+	 style="enable-background:new 0 0 100 100;" xml:space="preserve">
+<style type="text/css">
 	.st0{opacity:0.851;}
-	.st1{fill:none;stroke:#66FF99;stroke-width:2;stroke-miterlimit:10;}
+	.st1{fill:none;stroke:#0DF9FF;stroke-width:2;stroke-miterlimit:10;}
 	.st2{fill-rule:evenodd;clip-rule:evenodd;fill:#FFFFFF;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="button_2_"
-         class="st0"><g
-           id="g10"><ellipse
-             class="st1"
-             cx="49.3"
-             cy="49.6"
-             rx="46"
-             ry="46"
-             id="ellipse12" /></g></g><g
-         id="play_icon_2_"><g
-           id="g15"><path
-             class="st2"
-             d="M65,48L43.3,33.9c-1.3-0.7-2.8-0.6-2.8,1.9v27.7c0,2.3,1.6,2.7,2.8,1.9L65,51.3C65.9,50.4,65.9,48.9,65,48z      "
-             id="path17" /></g></g></g></switch></svg>
\ No newline at end of file
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g id="button_2_" class="st0">
+			<g>
+				<ellipse class="st1" cx="49.3" cy="49.6" rx="46" ry="46"/>
+			</g>
+		</g>
+		<g id="play_icon_2_">
+			<g>
+				<path class="st2" d="M65,48L43.3,33.9c-1.3-0.7-2.8-0.6-2.8,1.9v27.7c0,2.3,1.6,2.7,2.8,1.9L65,51.3C65.9,50.4,65.9,48.9,65,48z
+					"/>
+			</g>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/FM_Icons_AM.svg b/app/images/FM_Icons_AM.svg
index ea6e5e1..0a74ea3 100644
--- a/app/images/FM_Icons_AM.svg
+++ b/app/images/FM_Icons_AM.svg
@@ -1,71 +1,32 @@
-<?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 120 80"
-   style="enable-background:new 0 0 120 80;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="FM_Icons_AM.svg"><metadata
-     id="metadata23"><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="defs21" /><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="namedview19"
-     showgrid="false"
-     inkscape:zoom="2.95"
-     inkscape:cx="-112.0339"
-     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 120 80"
+	 style="enable-background:new 0 0 120 80;" xml:space="preserve">
+<style type="text/css">
 	.st0{fill:#999999;}
 	.st1{font-family:'Roboto-Regular';}
 	.st2{font-size:23.1521px;}
 	.st3{letter-spacing:4;}
-	.st4{fill:#66FF99;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><text
-         transform="matrix(0.9958 0 0 1 74.5477 46.0002)"
-         class="st0 st1 st2 st3"
-         id="text9">FM</text>
-<g
-         id="g11"><text
-           transform="matrix(0.9958 0 0 1 7.0003 46.0002)"
-           id="text13"><tspan
-             x="0"
-             y="0"
-             class="st4 st1 st2 st3"
-             id="tspan15">AM </tspan><tspan
-             x="53.4"
-             y="0"
-             class="st0 st1 st2 st3"
-             id="tspan17">|</tspan></text>
-</g></g></switch></svg>
\ No newline at end of file
+	.st4{fill:#0DF9FF;}
+	.st5{fill:#66FF99;}
+</style>
+<switch>
+	<g i:extraneous="self">
+		<text transform="matrix(0.9958 0 0 1 74.5477 46.0002)" class="st0 st1 st2 st3">FM</text>
+		<g>
+			<text transform="matrix(0.9958 0 0 1 7.0003 46.0002)"><tspan x="0" y="0" class="st4 st1 st2 st3">AM</tspan><tspan x="43.3" y="0" class="st5 st1 st2 st3"> </tspan><tspan x="53.4" y="0" class="st0 st1 st2 st3">|</tspan></text>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/FM_Icons_FM.svg b/app/images/FM_Icons_FM.svg
index 0f3ae59..9f54251 100644
--- a/app/images/FM_Icons_FM.svg
+++ b/app/images/FM_Icons_FM.svg
@@ -1,65 +1,33 @@
-<?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 120 80"
-   style="enable-background:new 0 0 120 80;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="FM_Icons_FM.svg"><metadata
-     id="metadata21"><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="defs19" /><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="namedview17"
-     showgrid="false"
-     inkscape:zoom="2.95"
-     inkscape:cx="-92.542373"
-     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">
-	.st0{fill:#66FF99;}
+<?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 120 80"
+	 style="enable-background:new 0 0 120 80;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#0DF9FF;}
 	.st1{font-family:'Roboto-Regular';}
 	.st2{font-size:23.1521px;}
 	.st3{letter-spacing:4;}
 	.st4{fill:#999999;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><text
-           transform="matrix(0.9958 0 0 1 74.5477 46.0002)"
-           class="st0 st1 st2 st3"
-           id="text11">FM</text>
-</g><g
-         id="g13"><text
-           transform="matrix(0.9958 0 0 1 7.0003 46.0002)"
-           class="st4 st1 st2 st3"
-           id="text15">AM |</text>
-</g></g></switch></svg>
\ No newline at end of file
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<text transform="matrix(0.9958 0 0 1 74.5477 46.0002)" class="st0 st1 st2 st3">FM</text>
+		</g>
+		<g>
+			<text transform="matrix(0.9958 0 0 1 7.0003 46.0002)" class="st4 st1 st2 st3">AM |</text>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/HMI_Radio_Equalizer.svg b/app/images/HMI_Radio_Equalizer.svg
index 6959144..d54eeb7 100644
--- a/app/images/HMI_Radio_Equalizer.svg
+++ b/app/images/HMI_Radio_Equalizer.svg
@@ -1,335 +1,81 @@
-<?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:xlink="http://www.w3.org/1999/xlink"
-   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 1080 1000"
-   style="enable-background:new 0 0 1080 1000;"
-   xml:space="preserve"
-   inkscape:version="0.91 r13725"
-   sodipodi:docname="HMI_Radio_Equalizer.svg"><metadata
-     id="metadata115"><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="defs113" /><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="namedview111"
-     showgrid="false"
-     inkscape:zoom="0.236"
-     inkscape:cx="-1481.1864"
-     inkscape:cy="500"
-     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 1080 1000"
+	 style="enable-background:new 0 0 1080 1000;" xml:space="preserve">
+<style type="text/css">
 	.st0{opacity:0.2;clip-path:url(#SVGID_2_);}
-	.st1{fill:#4DCE9B;}
+	.st1{fill:#0DF9FF;}
 	.st2{opacity:0.2;}
-</style><switch
-     id="switch5"><g
-       i:extraneous="self"
-       id="g7"><g
-         id="g9"><g
-           id="g11"><defs
-             id="defs13"><rect
-               id="SVGID_1_"
-               x="-0.2"
-               y="77.3"
-               width="1080.4"
-               height="458.1" /></defs><clipPath
-             id="SVGID_2_"><use
-               xlink:href="#SVGID_1_"
-               style="overflow:visible;"
-               id="use17" /></clipPath><g
-             class="st0"
-             id="g19"
-             clip-path="url(#SVGID_2_)"><rect
-               x="20.6"
-               y="489.8"
-               class="st1"
-               width="15.7"
-               height="89"
-               id="rect21" /><rect
-               x="118.1"
-               y="236.6"
-               class="st1"
-               width="15.7"
-               height="595.5"
-               id="rect23" /><rect
-               x="166.8"
-               y="281"
-               class="st1"
-               width="15.7"
-               height="506.6"
-               id="rect25" /><rect
-               x="215.6"
-               y="309.1"
-               class="st1"
-               width="15.7"
-               height="450.4"
-               id="rect27" /><rect
-               x="264.3"
-               y="337.6"
-               class="st1"
-               width="15.7"
-               height="393.4"
-               id="rect29" /><rect
-               x="313"
-               y="368.3"
-               class="st1"
-               width="15.7"
-               height="332.1"
-               id="rect31" /><rect
-               x="361.8"
-               y="404.5"
-               class="st1"
-               width="15.7"
-               height="259.6"
-               id="rect33" /><rect
-               x="410.5"
-               y="381.9"
-               class="st1"
-               width="15.7"
-               height="304.8"
-               id="rect35" /><rect
-               x="459.3"
-               y="344.4"
-               class="st1"
-               width="15.7"
-               height="379.9"
-               id="rect37" /><rect
-               x="508"
-               y="267.5"
-               class="st1"
-               width="15.7"
-               height="533.6"
-               id="rect39" /><rect
-               x="605.5"
-               y="253.4"
-               class="st1"
-               width="15.7"
-               height="561.9"
-               id="rect41" /><rect
-               x="654.2"
-               y="309.1"
-               class="st1"
-               width="15.7"
-               height="450.4"
-               id="rect43" /><rect
-               x="703"
-               y="374.7"
-               class="st1"
-               width="15.7"
-               height="319.3"
-               id="rect45" /><rect
-               x="751.7"
-               y="429.3"
-               class="st1"
-               width="15.7"
-               height="210"
-               id="rect47" /><rect
-               x="849.2"
-               y="404.5"
-               class="st1"
-               width="15.7"
-               height="259.6"
-               id="rect49" /><rect
-               x="897.9"
-               y="368.3"
-               class="st1"
-               width="15.7"
-               height="332.1"
-               id="rect51" /><rect
-               x="946.7"
-               y="429.3"
-               class="st1"
-               width="15.7"
-               height="210"
-               id="rect53" /><rect
-               x="995.4"
-               y="488.8"
-               class="st1"
-               width="15.7"
-               height="91"
-               id="rect55" /><rect
-               x="1044.1"
-               y="517.9"
-               class="st1"
-               width="15.7"
-               height="32.9"
-               id="rect57" /><rect
-               x="800.4"
-               y="488.8"
-               class="st1"
-               width="15.7"
-               height="91"
-               id="rect59" /><rect
-               x="556.7"
-               y="145.9"
-               class="st1"
-               width="15.7"
-               height="776.8"
-               id="rect61" /><rect
-               x="69.4"
-               y="404.5"
-               class="st1"
-               width="15.7"
-               height="259.6"
-               id="rect63" /></g></g><g
-           class="st2"
-           id="g65"><rect
-             x="20.6"
-             y="489.8"
-             class="st1"
-             width="15.7"
-             height="89"
-             id="rect67" /><rect
-             x="118.1"
-             y="236.6"
-             class="st1"
-             width="15.7"
-             height="595.5"
-             id="rect69" /><rect
-             x="166.8"
-             y="281"
-             class="st1"
-             width="15.7"
-             height="506.6"
-             id="rect71" /><rect
-             x="215.6"
-             y="309.1"
-             class="st1"
-             width="15.7"
-             height="450.4"
-             id="rect73" /><rect
-             x="264.3"
-             y="337.6"
-             class="st1"
-             width="15.7"
-             height="393.4"
-             id="rect75" /><rect
-             x="313"
-             y="368.3"
-             class="st1"
-             width="15.7"
-             height="332.1"
-             id="rect77" /><rect
-             x="361.8"
-             y="404.5"
-             class="st1"
-             width="15.7"
-             height="259.6"
-             id="rect79" /><rect
-             x="410.5"
-             y="381.9"
-             class="st1"
-             width="15.7"
-             height="304.8"
-             id="rect81" /><rect
-             x="459.3"
-             y="344.4"
-             class="st1"
-             width="15.7"
-             height="379.9"
-             id="rect83" /><rect
-             x="508"
-             y="267.5"
-             class="st1"
-             width="15.7"
-             height="533.6"
-             id="rect85" /><rect
-             x="605.5"
-             y="253.4"
-             class="st1"
-             width="15.7"
-             height="561.9"
-             id="rect87" /><rect
-             x="654.2"
-             y="309.1"
-             class="st1"
-             width="15.7"
-             height="450.4"
-             id="rect89" /><rect
-             x="703"
-             y="374.7"
-             class="st1"
-             width="15.7"
-             height="319.3"
-             id="rect91" /><rect
-             x="751.7"
-             y="429.3"
-             class="st1"
-             width="15.7"
-             height="210"
-             id="rect93" /><rect
-             x="849.2"
-             y="404.5"
-             class="st1"
-             width="15.7"
-             height="259.6"
-             id="rect95" /><rect
-             x="897.9"
-             y="368.3"
-             class="st1"
-             width="15.7"
-             height="332.1"
-             id="rect97" /><rect
-             x="946.7"
-             y="429.3"
-             class="st1"
-             width="15.7"
-             height="210"
-             id="rect99" /><rect
-             x="995.4"
-             y="488.8"
-             class="st1"
-             width="15.7"
-             height="91"
-             id="rect101" /><rect
-             x="1044.1"
-             y="517.9"
-             class="st1"
-             width="15.7"
-             height="32.9"
-             id="rect103" /><rect
-             x="800.4"
-             y="488.8"
-             class="st1"
-             width="15.7"
-             height="91"
-             id="rect105" /><rect
-             x="556.7"
-             y="145.9"
-             class="st1"
-             width="15.7"
-             height="776.8"
-             id="rect107" /><rect
-             x="69.4"
-             y="404.5"
-             class="st1"
-             width="15.7"
-             height="259.6"
-             id="rect109" /></g></g></g></switch></svg>
\ No newline at end of file
+</style>
+<switch>
+	<g i:extraneous="self">
+		<g>
+			<defs>
+				<rect id="SVGID_1_" x="-0.1" width="1080.4" height="535.4"/>
+			</defs>
+			<clipPath id="SVGID_2_">
+				<use xlink:href="#SVGID_1_"  style="overflow:visible;"/>
+			</clipPath>
+			<g class="st0">
+				<rect x="20.7" y="489.8" class="st1" width="15.7" height="89"/>
+				<rect x="118.2" y="236.6" class="st1" width="15.7" height="595.5"/>
+				<rect x="166.9" y="281" class="st1" width="15.7" height="506.6"/>
+				<rect x="215.7" y="309.1" class="st1" width="15.7" height="450.4"/>
+				<rect x="264.4" y="337.6" class="st1" width="15.7" height="393.4"/>
+				<rect x="313.2" y="368.3" class="st1" width="15.7" height="332.1"/>
+				<rect x="361.9" y="404.5" class="st1" width="15.7" height="259.6"/>
+				<rect x="410.6" y="381.9" class="st1" width="15.7" height="304.8"/>
+				<rect x="459.4" y="344.4" class="st1" width="15.7" height="379.9"/>
+				<rect x="508.1" y="267.5" class="st1" width="15.7" height="533.6"/>
+				<rect x="605.6" y="253.4" class="st1" width="15.7" height="561.9"/>
+				<rect x="654.3" y="309.1" class="st1" width="15.7" height="450.4"/>
+				<rect x="703.1" y="374.7" class="st1" width="15.7" height="319.3"/>
+				<rect x="751.8" y="429.3" class="st1" width="15.7" height="210"/>
+				<rect x="849.3" y="404.5" class="st1" width="15.7" height="259.6"/>
+				<rect x="898" y="368.3" class="st1" width="15.7" height="332.1"/>
+				<rect x="946.8" y="429.3" class="st1" width="15.7" height="210"/>
+				<rect x="995.5" y="488.8" class="st1" width="15.7" height="91"/>
+				<rect x="1044.2" y="517.9" class="st1" width="15.7" height="32.9"/>
+				<rect x="800.6" y="488.8" class="st1" width="15.7" height="91"/>
+				<rect x="556.9" y="145.9" class="st1" width="15.7" height="776.8"/>
+				<rect x="69.5" y="404.5" class="st1" width="15.7" height="259.6"/>
+			</g>
+		</g>
+		<g class="st2">
+			<rect x="20.7" y="489.8" class="st1" width="15.7" height="89"/>
+			<rect x="118.2" y="236.6" class="st1" width="15.7" height="595.5"/>
+			<rect x="166.9" y="281" class="st1" width="15.7" height="506.6"/>
+			<rect x="215.7" y="309.1" class="st1" width="15.7" height="450.4"/>
+			<rect x="264.4" y="337.6" class="st1" width="15.7" height="393.4"/>
+			<rect x="313.2" y="368.3" class="st1" width="15.7" height="332.1"/>
+			<rect x="361.9" y="404.5" class="st1" width="15.7" height="259.6"/>
+			<rect x="410.6" y="381.9" class="st1" width="15.7" height="304.8"/>
+			<rect x="459.4" y="344.4" class="st1" width="15.7" height="379.9"/>
+			<rect x="508.1" y="267.5" class="st1" width="15.7" height="533.6"/>
+			<rect x="605.6" y="253.4" class="st1" width="15.7" height="561.9"/>
+			<rect x="654.3" y="309.1" class="st1" width="15.7" height="450.4"/>
+			<rect x="703.1" y="374.7" class="st1" width="15.7" height="319.3"/>
+			<rect x="751.8" y="429.3" class="st1" width="15.7" height="210"/>
+			<rect x="849.3" y="404.5" class="st1" width="15.7" height="259.6"/>
+			<rect x="898" y="368.3" class="st1" width="15.7" height="332.1"/>
+			<rect x="946.8" y="429.3" class="st1" width="15.7" height="210"/>
+			<rect x="995.5" y="488.8" class="st1" width="15.7" height="91"/>
+			<rect x="1044.2" y="517.9" class="st1" width="15.7" height="32.9"/>
+			<rect x="800.6" y="488.8" class="st1" width="15.7" height="91"/>
+			<rect x="556.9" y="145.9" class="st1" width="15.7" height="776.8"/>
+			<rect x="69.5" y="404.5" class="st1" width="15.7" height="259.6"/>
+		</g>
+	</g>
+</switch>
+</svg>
diff --git a/app/images/Radio_Active_Icon.svg b/app/images/Radio_Active_Icon.svg
index 383f2cd..cfcc502 100644
--- a/app/images/Radio_Active_Icon.svg
+++ b/app/images/Radio_Active_Icon.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="Radio_Active_Icon.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="-157.79661"
-     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>
-- 
cgit 1.2.3-korg