From c8b391564ef386279e68143c8ce5dc1e60b9773b Mon Sep 17 00:00:00 2001
From: Volker E <volker.e@wikimedia.org>
Date: Thu, 2 Nov 2017 00:25:40 -0700
Subject: [PATCH] Align SVGs to WikimediaUI color palette and optimize

Aligning SVGs to WikimediaUI color palette, optimizing
by help of SVGO and align markup to each other, among changes:
- unifying XML declaration
- removing `standalone=no` as it's default
- adding `viewBox` attribute for cross-browser compatibility
- removing unnecessary groups and ids where applicable
- unifying identation
- bringing attributes in order

Bug: T178867
Change-Id: Ie7803dd904cee14fa401331e082982794dc0a225
---
 resources/images/back-grey-ltr.svg         |  6 +-
 resources/images/back-grey-rtl.svg         |  6 +-
 resources/images/close.svg                 |  2 +-
 resources/images/cog-sprite.svg            |  9 ++-
 resources/images/cog.svg                   |  5 +-
 resources/images/compact-links-ltr.svg     | 66 +++++++++++-----------
 resources/images/compact-links-rtl.svg     | 66 +++++++++++-----------
 resources/images/compact-links-trigger.svg |  5 +-
 resources/images/display.svg               |  5 +-
 resources/images/help.svg                  |  5 +-
 resources/images/input.svg                 |  5 +-
 resources/images/remove-input.svg          |  6 +-
 12 files changed, 106 insertions(+), 80 deletions(-)

diff --git a/resources/images/back-grey-ltr.svg b/resources/images/back-grey-ltr.svg
index 6a77b033..adcad48c 100644
--- a/resources/images/back-grey-ltr.svg
+++ b/resources/images/back-grey-ltr.svg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="Layer_1">
-    <path d="M7 13.1l8.9 8.9c.8-.8.8-2 0-2.8l-6.1-6.1 6-6.1c.8-.8.8-2 0-2.8L7 13.1z" id="path3" fill="#555"/>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+	<path fill="#54595d" d="M7 13.1l8.9 8.9c.8-.8.8-2 0-2.8l-6.1-6.1 6-6.1c.8-.8.8-2 0-2.8L7 13.1z"/>
 </svg>
diff --git a/resources/images/back-grey-rtl.svg b/resources/images/back-grey-rtl.svg
index 4df14f08..4fbf3a5a 100644
--- a/resources/images/back-grey-rtl.svg
+++ b/resources/images/back-grey-rtl.svg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" id="Layer_1">
-    <path d="M7 4c-.8.8-.8 2.2 0 3l6 6-6 6c-.8.8-.8 2.2 0 3l9-9-9-9z" id="path3" fill="#555"/>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+	<path fill="#54595d" d="M7 4c-.8.8-.8 2.2 0 3l6 6-6 6c-.8.8-.8 2.2 0 3l9-9-9-9z"/>
 </svg>
diff --git a/resources/images/close.svg b/resources/images/close.svg
index 7f755112..22619b95 100644
--- a/resources/images/close.svg
+++ b/resources/images/close.svg
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="UTF-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
 	<path d="M3.636 2.222l14.142 14.142-1.414 1.414L2.222 3.636z"/>
 	<path d="M17.778 3.636L3.636 17.778l-1.414-1.414L16.364 2.222z"/>
diff --git a/resources/images/cog-sprite.svg b/resources/images/cog-sprite.svg
index 3da1c598..eaca444a 100644
--- a/resources/images/cog-sprite.svg
+++ b/resources/images/cog-sprite.svg
@@ -1 +1,8 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="32"><defs><path d="M14 9.3V6.73l-1.575-.264c-.117-.44-.292-.848-.496-1.2l.93-1.285-1.81-1.84-1.31.908c-.38-.205-.79-.38-1.196-.497L8.284 1H5.716l-.263 1.578c-.437.117-.816.293-1.196.497L2.975 2.17 1.137 3.98l.934 1.287c-.2.38-.376.79-.493 1.228L0 6.73V9.3l1.575.264c.117.438.292.818.496 1.198l-.93 1.315L2.95 13.89l1.312-.938c.38.205.787.38 1.224.497L5.746 15h2.566l.263-1.578c.408-.117.817-.293 1.196-.497l1.315.935 1.81-1.812-.935-1.315c.203-.38.38-.76.495-1.2L14 9.303zm-7 1.404c-1.488 0-2.683-1.2-2.683-2.69S5.542 5.327 7 5.327c1.458 0 2.683 1.198 2.683 2.69 0 1.49-1.195 2.688-2.683 2.688z" id="a"/></defs><use xlink:href="#a" fill="#808080"/><use transform="translate(0 16)" xlink:href="#a" fill="#555"/></svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="14" height="32" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<path id="a" d="M14 9.3V6.73l-1.575-.264c-.117-.44-.292-.848-.496-1.2l.93-1.285-1.81-1.84-1.31.908c-.38-.205-.79-.38-1.196-.497L8.284 1H5.716l-.263 1.578c-.437.117-.816.293-1.196.497L2.975 2.17 1.137 3.98l.934 1.287c-.2.38-.376.79-.493 1.228L0 6.73V9.3l1.575.264c.117.438.292.818.496 1.198l-.93 1.315L2.95 13.89l1.312-.938c.38.205.787.38 1.224.497L5.746 15h2.566l.263-1.578c.408-.117.817-.293 1.196-.497l1.315.935 1.81-1.812-.935-1.315c.203-.38.38-.76.495-1.2L14 9.303zm-7 1.404c-1.488 0-2.683-1.2-2.683-2.69S5.542 5.327 7 5.327c1.458 0 2.683 1.198 2.683 2.69 0 1.49-1.195 2.688-2.683 2.688z"/>
+	</defs>
+	<use fill="#72777d" xlink:href="#a"/>
+	<use fill="#54595d" transform="translate(0 16)" xlink:href="#a"/>
+</svg>
diff --git a/resources/images/cog.svg b/resources/images/cog.svg
index 9a3070d9..91968ee9 100644
--- a/resources/images/cog.svg
+++ b/resources/images/cog.svg
@@ -1 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="20" height="14"><path d="M17 8.3V5.73l-1.575-.264c-.117-.44-.292-.848-.496-1.2l.933-1.285-1.81-1.84-1.31.906c-.38-.205-.79-.38-1.197-.497L11.283 0H8.717l-.263 1.578c-.437.117-.817.293-1.196.497L5.975 1.17 4.138 2.98l.933 1.287c-.203.38-.378.79-.495 1.228L3 5.73V8.3l1.575.264c.117.438.292.818.496 1.198l-.933 1.315 1.81 1.812 1.31-.936c.38.205.79.38 1.226.497L8.746 14h2.566l.263-1.578c.408-.117.817-.293 1.196-.497l1.313.935 1.81-1.812-.935-1.315c.204-.38.38-.76.496-1.2L17 8.302zm-7 1.404c-1.487 0-2.683-1.2-2.683-2.69S8.542 4.327 10 4.327c1.458 0 2.683 1.198 2.683 2.69 0 1.49-1.195 2.688-2.683 2.688z" fill="#434343"/></svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="14" viewBox="0 0 20 14">
+	<path fill="#54595d" d="M17 8.3V5.73l-1.575-.264c-.117-.44-.292-.848-.496-1.2l.933-1.285-1.81-1.84-1.31.906c-.38-.205-.79-.38-1.197-.497L11.283 0H8.717l-.263 1.578c-.437.117-.817.293-1.196.497L5.975 1.17 4.138 2.98l.933 1.287c-.203.38-.378.79-.495 1.228L3 5.73V8.3l1.575.264c.117.438.292.818.496 1.198l-.933 1.315 1.81 1.812 1.31-.936c.38.205.79.38 1.226.497L8.746 14h2.566l.263-1.578c.408-.117.817-.293 1.196-.497l1.313.935 1.81-1.812-.935-1.315c.204-.38.38-.76.496-1.2L17 8.302zm-7 1.404c-1.487 0-2.683-1.2-2.683-2.69S8.542 4.327 10 4.327c1.458 0 2.683 1.198 2.683 2.69 0 1.49-1.195 2.688-2.683 2.688z"/>
+</svg>
diff --git a/resources/images/compact-links-ltr.svg b/resources/images/compact-links-ltr.svg
index 67283fff..3c53ba3d 100644
--- a/resources/images/compact-links-ltr.svg
+++ b/resources/images/compact-links-ltr.svg
@@ -1,34 +1,34 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" id="svg2" viewBox="0 0 264 162" height="162" width="264">
-    <defs id="defs78">
-        <clipPath id="jagged-edge">
-            <path d="M0 0v152l12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10V0z" id="path4213"/>
-        </clipPath>
-    </defs>
-    <g clip-path="url(#jagged-edge)" id="screenshot">
-        <path id="background" d="M263.5 162.25l-263-.5V.5h263z" fill="#fff"/>
-        <path id="article" d="M252 162.496V29H48v133.496z" fill="#e5e5e5"/>
-        <path id="logo" d="M11 22c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14z" fill="#e5e5e5"/>
-        <path fill="#e5e5e5" id="sidebar" d="M38 129.667V58H13v71.667h25z"/>
-        <g id="personal-tools" fill="#e5e5e5">
-            <path d="M233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z" id="path4221"/>
-        </g>
-        <g id="search" fill="#e5e5e5">
-            <path id="path5717" d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
-            <path id="icon" d="M168 17h2v2h-2z"/>
-        </g>
-        <path id="sitename" d="M38 45v-5H13v5h25z" fill="#e5e5e5"/>
-        <path d="M0 0v162h264V0zm1 1h262v150.533l-11 9.166-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-11-9.17z" id="border" fill="#e5e5e5"/>
-        <path fill="#abc0ea" d="M38 132.625v-35H13v35h25z" id="path40"/>
-        <rect fill="#fff" width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="108.59" id="rect42"/>
-        <rect fill="#fff" width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="113.831" id="rect44"/>
-        <rect fill="#36c" width="20.438" height="6.188" rx=".151" ry=".303" x="15.281" y="124.313" id="rect46"/>
-        <g fill="#fff" transform="matrix(.747 0 0 .747 7.295 33.453)" id="g48">
-            <rect width="1.823" height="1.882" rx=".013" ry=".092" x="20.273" y="125.738" id="rect50"/>
-            <rect width="1.823" height="1.882" rx=".013" ry=".092" x="26.655" y="125.738" id="rect52"/>
-            <rect width="1.823" height="1.882" rx=".013" ry=".092" x="23.464" y="125.738" id="rect54"/>
-        </g>
-        <rect fill="#fff" width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="103.349" id="rect56"/>
-        <rect fill="#fff" width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="119.072" id="rect58"/>
-    </g>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="264" height="162" viewBox="0 0 264 162">
+	<defs>
+		<clipPath id="jagged-edge">
+			<path d="M0 0v152l12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10V0z"/>
+		</clipPath>
+	</defs>
+	<g id="screenshot" clip-path="url(#jagged-edge)">
+		<path id="background" fill="#fff" d="M263.5 162.25l-263-.5V.5h263z"/>
+		<g fill="#e5e5e5">
+			<path id="article" d="M252 162.496V29H48v133.496z"/>
+			<path id="logo" d="M11 22c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14z"/>
+			<path id="sidebar" d="M38 129.667V58H13v71.667h25z"/>
+			<path id="personal-tools" d="M233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z"/>
+		</g>
+		<g id="search" fill="#e5e5e5">
+			<path id="path5717" d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
+			<path id="icon" d="M168 17h2v2h-2z"/>
+		</g>
+		<path id="sitename" fill="#e5e5e5" d="M38 45v-5H13v5h25z"/>
+		<path id="border" fill="#e5e5e5" d="M0 0v162h264V0zm1 1h262v150.533l-11 9.166-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-11-9.17z"/>
+		<path fill="#abc0ea" d="M38 132.625v-35H13v35h25z"/>
+		<rect width="20.438" height="2.176" x="15.281" y="108.59" fill="#fff" rx=".151" ry=".107"/>
+		<rect width="20.438" height="2.176" x="15.281" y="113.831" fill="#fff" rx=".151" ry=".107"/>
+		<rect width="20.438" height="6.188" x="15.281" y="124.313" fill="#36c" rx=".151" ry=".303"/>
+		<g fill="#fff" transform="matrix(.747 0 0 .747 7.295 33.453)">
+			<rect width="1.823" height="1.882" x="20.273" y="125.738" rx=".013" ry=".092"/>
+			<rect width="1.823" height="1.882" x="26.655" y="125.738" rx=".013" ry=".092"/>
+			<rect width="1.823" height="1.882" x="23.464" y="125.738" rx=".013" ry=".092"/>
+		</g>
+		<rect width="20.438" height="2.176" x="15.281" y="103.349" fill="#fff" rx=".151" ry=".107"/>
+		<rect width="20.438" height="2.176" x="15.281" y="119.072" fill="#fff" rx=".151" ry=".107"/>
+	</g>
 </svg>
diff --git a/resources/images/compact-links-rtl.svg b/resources/images/compact-links-rtl.svg
index 59085609..d9c33e62 100644
--- a/resources/images/compact-links-rtl.svg
+++ b/resources/images/compact-links-rtl.svg
@@ -1,34 +1,34 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<svg xmlns="http://www.w3.org/2000/svg" id="svg2" viewBox="0 0 264 162" height="162" width="264">
-    <defs id="defs78">
-        <clipPath id="jagged-edge">
-            <path d="M0 0v152l12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10V0z" id="path4213"/>
-        </clipPath>
-    </defs>
-    <g transform="matrix(-1 0 0 1 264 0)" clip-path="url(#jagged-edge)" id="screenshot">
-        <path id="background" d="M263.5 162.25l-263-.5V.5h263z" fill="#fff"/>
-        <path id="article" d="M252 162.496V29H48v133.496z" fill="#e5e5e5"/>
-        <path id="logo" d="M11 22c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14z" fill="#e5e5e5"/>
-        <path id="sidebar" d="M38 129.667V58H13v71.667h25z" fill="#e5e5e5"/>
-        <g id="personal-tools" fill="#e5e5e5">
-            <path d="M233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z" id="path4221"/>
-        </g>
-        <g id="search" fill="#e5e5e5">
-            <path id="path5717" d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
-            <path id="icon" d="M168 17h2v2h-2z"/>
-        </g>
-        <path id="sitename" d="M38 45v-5H13v5h25z" fill="#e5e5e5"/>
-        <path d="M0 0v162h264V0zm1 1h262v150.533l-11 9.166-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-11-9.17z" id="border" fill="#e5e5e5"/>
-        <path d="M38 132.625v-35H13v35h25z" id="path40" fill="#abc0ea"/>
-        <rect width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="108.59" id="rect42" fill="#fff"/>
-        <rect width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="113.831" id="rect44" fill="#fff"/>
-        <rect width="20.438" height="6.188" rx=".151" ry=".303" x="15.281" y="124.313" id="rect46" fill="#36c"/>
-        <g transform="matrix(.747 0 0 .747 7.295 33.453)" id="g48" fill="#fff">
-            <rect width="1.823" height="1.882" rx=".013" ry=".092" x="20.273" y="125.738" id="rect50"/>
-            <rect width="1.823" height="1.882" rx=".013" ry=".092" x="26.655" y="125.738" id="rect52"/>
-            <rect width="1.823" height="1.882" rx=".013" ry=".092" x="23.464" y="125.738" id="rect54"/>
-        </g>
-        <rect width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="103.349" id="rect56" fill="#fff"/>
-        <rect width="20.438" height="2.176" rx=".151" ry=".107" x="15.281" y="119.072" id="rect58" fill="#fff"/>
-    </g>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="264" height="162" viewBox="0 0 264 162">
+	<defs>
+		<clipPath id="jagged-edge">
+			<path d="M0 0v152l12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10 12 10 12-10V0z"/>
+		</clipPath>
+	</defs>
+	<g id="screenshot" transform="matrix(-1 0 0 1 264 0)" clip-path="url(#jagged-edge)">
+		<path id="background" fill="#fff" d="M263.5 162.25l-263-.5V.5h263z"/>
+		<g fill="#e5e5e5">
+			<path id="article" d="M252 162.496V29H48v133.496z"/>
+			<path id="logo" d="M11 22c0-7.732 6.268-14 14-14s14 6.268 14 14-6.268 14-14 14-14-6.268-14-14z"/>
+			<path id="sidebar" d="M38 129.667V58H13v71.667h25z"/>
+			<path id="personal-tools" d="M233 5h26v6h-26V5zm-24 0h22v6h-22zm-24 0h22v6h-22zm-23 0h13v6h-13zm15 0h6v6h-6zm-23 0h6v6h-6z"/>
+		</g>
+		<g id="search" fill="#e5e5e5">
+			<path id="path5717" d="M258 16v4h-92v-4h92m1-1h-94v6h94v-6z"/>
+			<path id="icon" d="M168 17h2v2h-2z"/>
+		</g>
+		<path id="sitename" fill="#e5e5e5" d="M38 45v-5H13v5h25z"/>
+		<path id="border" fill="#e5e5e5" d="M0 0v162h264V0zm1 1h262v150.533l-11 9.166-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-12-10-12 10-11-9.17z"/>
+		<path fill="#abc0ea" d="M38 132.625v-35H13v35h25z"/>
+		<rect width="20.438" height="2.176" x="15.281" y="108.59" fill="#fff" rx=".151" ry=".107"/>
+		<rect width="20.438" height="2.176" x="15.281" y="113.831" fill="#fff" rx=".151" ry=".107"/>
+		<rect width="20.438" height="6.188" x="15.281" y="124.313" fill="#36c" rx=".151" ry=".303"/>
+		<g fill="#fff" transform="matrix(.7 0 0 .7 7.3 33.5)">
+			<rect width="1.823" height="1.882" x="20.273" y="125.738" rx=".013" ry=".092"/>
+			<rect width="1.823" height="1.882" x="26.655" y="125.738" rx=".013" ry=".092"/>
+			<rect width="1.823" height="1.882" x="23.464" y="125.738" rx=".013" ry=".092"/>
+		</g>
+		<rect width="20.438" height="2.176" x="15.281" y="103.349" fill="#fff" rx=".151" ry=".107"/>
+		<rect width="20.438" height="2.176" x="15.281" y="119.072" fill="#fff" rx=".151" ry=".107"/>
+	</g>
 </svg>
diff --git a/resources/images/compact-links-trigger.svg b/resources/images/compact-links-trigger.svg
index 7fed73c6..728036db 100644
--- a/resources/images/compact-links-trigger.svg
+++ b/resources/images/compact-links-trigger.svg
@@ -1 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24"><path d="M13 19l.8-3h5.3l.9 3h2.2l-4.2-13h-3l-4.2 13h2.2zm3.5-11l2 6h-4l2-6z" fill="#707070"/><path d="M5 4l.938 1.906h-4.938v2.094h1.594c.6 1.8 1.406 3.206 2.406 4.406-1.1.7-4.313 1.781-4.313 1.781l1.313 1.813s3.487-1.387 4.688-2.188c1 .7 2.319 1.188 3.719 1.688l.594-2c-1-.3-1.988-.688-2.688-1.188 1.1-1.1 1.9-2.506 2.5-4.406h2.188l.5-2h-5.563l-.938-1.906h-2zm-.188 4h3.781c-.4 1.3-.906 2-1.906 3-1.1-1-1.475-1.7-1.875-3z" fill="#707070"/></svg>
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24">
+	<path fill="#72777d" d="M13 19l.8-3h5.3l.9 3h2.2l-4.2-13h-3l-4.2 13h2.2zm3.5-11l2 6h-4l2-6zM5 4l.938 1.906h-4.938v2.094h1.594c.6 1.8 1.406 3.206 2.406 4.406-1.1.7-4.313 1.781-4.313 1.781l1.313 1.813s3.487-1.387 4.688-2.188c1 .7 2.319 1.188 3.719 1.688l.594-2c-1-.3-1.988-.688-2.688-1.188 1.1-1.1 1.9-2.506 2.5-4.406h2.188l.5-2h-5.563l-.938-1.906h-2zm-.188 4h3.781c-.4 1.3-.906 2-1.906 3-1.1-1-1.475-1.7-1.875-3z"/>
+</svg>
diff --git a/resources/images/display.svg b/resources/images/display.svg
index 98f93f2c..e41633bc 100644
--- a/resources/images/display.svg
+++ b/resources/images/display.svg
@@ -1 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M.002 2.275v12.945h8.405c.535 1.624-.975 1.786-1.902 2.505 0 0 2.293-.024 3.439-.024 1.144 0 3.432.024 3.432.024-.905-.688-2.355-.868-1.902-2.505h8.527v-12.945h-20zm6.81 1.84h.797l3.313 8.466h-1.043l-1.043-2.638h-3.374l-1.043 2.638h-.982zm.368 1.104c-.084.369-.211.785-.368 1.227l-.982 2.577h2.699l-.982-2.577c-.128-.33-.234-.747-.368-1.227zm7.117.982c.753 0 1.295.157 1.656.491.365.334.552.858.552 1.595v4.294h-.675l-.184-.859h-.062c-.315.396-.605.655-.92.798-.311.138-.758.184-1.227.184-.626 0-1.115-.168-1.472-.491-.353-.323-.491-.754-.491-1.35 0-1.275 1.028-1.963 3.068-2.025h1.043v-.429c0-.495-.091-.87-.307-1.104-.211-.238-.574-.307-1.043-.307-.526 0-1.115.107-1.779.429l-.307-.675c.311-.169.674-.333 1.043-.429.373-.096.732-.123 1.104-.123zm.307 3.313c-.761.027-1.318.157-1.656.368-.334.207-.491.54-.491.982 0 .346.1.617.307.798.211.181.544.245.92.245.595 0 1.012-.164 1.35-.491.342-.326.552-.762.552-1.35v-.552z" fill="#434343"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+	<path fill="#222" d="M.002 2.275v12.945h8.405c.535 1.624-.975 1.786-1.902 2.505 0 0 2.293-.024 3.439-.024 1.144 0 3.432.024 3.432.024-.905-.688-2.355-.868-1.902-2.505h8.527v-12.945h-20zm6.81 1.84h.797l3.313 8.466h-1.043l-1.043-2.638h-3.374l-1.043 2.638h-.982zm.368 1.104c-.084.369-.211.785-.368 1.227l-.982 2.577h2.699l-.982-2.577c-.128-.33-.234-.747-.368-1.227zm7.117.982c.753 0 1.295.157 1.656.491.365.334.552.858.552 1.595v4.294h-.675l-.184-.859h-.062c-.315.396-.605.655-.92.798-.311.138-.758.184-1.227.184-.626 0-1.115-.168-1.472-.491-.353-.323-.491-.754-.491-1.35 0-1.275 1.028-1.963 3.068-2.025h1.043v-.429c0-.495-.091-.87-.307-1.104-.211-.238-.574-.307-1.043-.307-.526 0-1.115.107-1.779.429l-.307-.675c.311-.169.674-.333 1.043-.429.373-.096.732-.123 1.104-.123zm.307 3.313c-.761.027-1.318.157-1.656.368-.334.207-.491.54-.491.982 0 .346.1.617.307.798.211.181.544.245.92.245.595 0 1.012-.164 1.35-.491.342-.326.552-.762.552-1.35v-.552z"/>
+</svg>
diff --git a/resources/images/help.svg b/resources/images/help.svg
index 21bf00b6..c8cf6e6f 100644
--- a/resources/images/help.svg
+++ b/resources/images/help.svg
@@ -1 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18.000001"><path d="M9 1.5c-4.141 0-7.5 3.358-7.5 7.5 0 4.142 3.359 7.501 7.5 7.501 4.143 0 7.5-3.359 7.5-7.501s-3.356-7.5-7.5-7.5zm-.001 11.943c-.613 0-1.067-.49-1.067-1.08 0-.614.454-1.093 1.067-1.093.59 0 1.068.479 1.068 1.093 0 .589-.479 1.08-1.068 1.08zm1.522-4.639c-.515.405-.712.663-.712 1.239v.356h-1.571v-.43c0-1.081.32-1.522.822-1.915.504-.393.811-.602.811-1.166 0-.479-.295-.749-.883-.749-.504 0-.946.135-1.412.454l-.749-1.287c.613-.43 1.375-.737 2.381-.737 1.362 0 2.505.749 2.505 2.184-.001 1.019-.566 1.559-1.192 2.049z" fill="#575757"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 18 18">
+	<path fill="#54595d" d="M9 1.5c-4.141 0-7.5 3.358-7.5 7.5 0 4.142 3.359 7.501 7.5 7.501 4.143 0 7.5-3.359 7.5-7.501s-3.356-7.5-7.5-7.5zm-.001 11.943c-.613 0-1.067-.49-1.067-1.08 0-.614.454-1.093 1.067-1.093.59 0 1.068.479 1.068 1.093 0 .589-.479 1.08-1.068 1.08zm1.522-4.639c-.515.405-.712.663-.712 1.239v.356h-1.571v-.43c0-1.081.32-1.522.822-1.915.504-.393.811-.602.811-1.166 0-.479-.295-.749-.883-.749-.504 0-.946.135-1.412.454l-.749-1.287c.613-.43 1.375-.737 2.381-.737 1.362 0 2.505.749 2.505 2.184-.001 1.019-.566 1.559-1.192 2.049z"/>
+</svg>
diff --git a/resources/images/input.svg b/resources/images/input.svg
index 5b11b20e..bac7a761 100644
--- a/resources/images/input.svg
+++ b/resources/images/input.svg
@@ -1 +1,4 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20"><path d="M9 1.281c-.124.259-.185.599-.5.688-.55.081-1.133.018-1.688 0-.866-.032-1.733-.148-2.594 0-.588.157-.953.727-1.188 1.25-.178.416-.271.836-.344 1.281h-2.688v11.5h20v-11.5h-16.344c.109-.52.203-1.057.563-1.469.222-.231.587-.17.875-.188 1.212.003 2.415.179 3.625.063.463-.058.812-.455.969-.875l.188-.438-.875-.313zm-7.125 5.844h1.563c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.188-.093-.188-.188v-1.531c0-.094.093-.188.188-.188zm2.813 0h1.563c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.531c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.531c-.094 0-.188-.093-.188-.188v-1.531c0-.094.093-.188.188-.188zm-12.844 3h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm2.906 0h1.563c.094 0 .188.093.188.188v1.563c0 .094-.093.156-.188.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm2.938 0h1.531c.094 0 .188.093.188.188v1.563c0 .094-.093.156-.188.156h-1.531c-.094 0-.188-.062-.188-.156v-1.563c0-.094.093-.188.188-.188zm2.906 0h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.188-.062-.188-.156v-1.563c0-.094.093-.188.188-.188zm2.906 0h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm-10.875 3.563h12c.088 0 .156.068.156.156v.844c0 .088-.068.156-.156.156h-12c-.088 0-.156-.068-.156-.156v-.844c0-.088.068-.156.156-.156z" fill="#434343"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
+	<path fill="#222" d="M9 1.281c-.124.259-.185.599-.5.688-.55.081-1.133.018-1.688 0-.866-.032-1.733-.148-2.594 0-.588.157-.953.727-1.188 1.25-.178.416-.271.836-.344 1.281h-2.688v11.5h20v-11.5h-16.344c.109-.52.203-1.057.563-1.469.222-.231.587-.17.875-.188 1.212.003 2.415.179 3.625.063.463-.058.812-.455.969-.875l.188-.438-.875-.313zm-7.125 5.844h1.563c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.188-.093-.188-.188v-1.531c0-.094.093-.188.188-.188zm2.813 0h1.563c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.531c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.531c-.094 0-.188-.093-.188-.188v-1.531c0-.094.093-.188.188-.188zm-12.844 3h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm2.906 0h1.563c.094 0 .188.093.188.188v1.563c0 .094-.093.156-.188.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm2.938 0h1.531c.094 0 .188.093.188.188v1.563c0 .094-.093.156-.188.156h-1.531c-.094 0-.188-.062-.188-.156v-1.563c0-.094.093-.188.188-.188zm2.906 0h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.188-.062-.188-.156v-1.563c0-.094.093-.188.188-.188zm2.906 0h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm-10.875 3.563h12c.088 0 .156.068.156.156v.844c0 .088-.068.156-.156.156h-12c-.088 0-.156-.068-.156-.156v-.844c0-.088.068-.156.156-.156z"/>
+</svg>
diff --git a/resources/images/remove-input.svg b/resources/images/remove-input.svg
index d44b5c92..d6270540 100644
--- a/resources/images/remove-input.svg
+++ b/resources/images/remove-input.svg
@@ -1 +1,5 @@
-<?xml version="1.0" encoding="UTF-8"?><svg xmlns="http://www.w3.org/2000/svg" width="20" height="16"><path d="M9 1.281c-.124.259-.185.599-.5.688-.55.081-1.133.018-1.688 0-.866-.032-1.733-.148-2.594 0-.588.157-.953.727-1.188 1.25-.178.416-.271.836-.344 1.281h-2.688v11.5h20v-11.5h-16.344c.109-.52.203-1.057.563-1.469.222-.231.587-.17.875-.188 1.212.003 2.415.179 3.625.063.463-.058.812-.455.969-.875l.188-.438-.875-.313zm-7.125 5.844h1.563c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.188-.093-.188-.188v-1.531c0-.094.093-.188.188-.188zm2.813 0h1.563c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.531c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.531c-.094 0-.188-.093-.188-.188v-1.531c0-.094.093-.188.188-.188zm-12.844 3h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm2.906 0h1.563c.094 0 .188.093.188.188v1.563c0 .094-.093.156-.188.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm2.938 0h1.531c.094 0 .188.093.188.188v1.563c0 .094-.093.156-.188.156h-1.531c-.094 0-.188-.062-.188-.156v-1.563c0-.094.093-.188.188-.188zm2.906 0h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.188-.062-.188-.156v-1.563c0-.094.093-.188.188-.188zm2.906 0h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm-10.875 3.563h12c.088 0 .156.068.156.156v.844c0 .088-.068.156-.156.156h-12c-.088 0-.156-.068-.156-.156v-.844c0-.088.068-.156.156-.156z" fill="#565656" transform="scale(.8) translate(2.5 -.2)"/><path d="M2.719 15.279l14.561-14.559" stroke="#565656" stroke-width="1.2"/></svg>
\ No newline at end of file
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16">
+	<path fill="#222" d="M9 1.281c-.124.259-.185.599-.5.688-.55.081-1.133.018-1.688 0-.866-.032-1.733-.148-2.594 0-.588.157-.953.727-1.188 1.25-.178.416-.271.836-.344 1.281h-2.688v11.5h20v-11.5h-16.344c.109-.52.203-1.057.563-1.469.222-.231.587-.17.875-.188 1.212.003 2.415.179 3.625.063.463-.058.812-.455.969-.875l.188-.438-.875-.313zm-7.125 5.844h1.563c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.188-.093-.188-.188v-1.531c0-.094.093-.188.188-.188zm2.813 0h1.563c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.563c.094 0 .156.093.156.188v1.531c0 .094-.062.188-.156.188h-1.563c-.094 0-.156-.093-.156-.188v-1.531c0-.094.062-.188.156-.188zm2.844 0h1.531c.094 0 .188.093.188.188v1.531c0 .094-.093.188-.188.188h-1.531c-.094 0-.188-.093-.188-.188v-1.531c0-.094.093-.188.188-.188zm-12.844 3h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm2.906 0h1.563c.094 0 .188.093.188.188v1.563c0 .094-.093.156-.188.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm2.938 0h1.531c.094 0 .188.093.188.188v1.563c0 .094-.093.156-.188.156h-1.531c-.094 0-.188-.062-.188-.156v-1.563c0-.094.093-.188.188-.188zm2.906 0h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.188-.062-.188-.156v-1.563c0-.094.093-.188.188-.188zm2.906 0h1.563c.094 0 .156.093.156.188v1.563c0 .094-.062.156-.156.156h-1.563c-.094 0-.156-.062-.156-.156v-1.563c0-.094.062-.188.156-.188zm-10.875 3.563h12c.088 0 .156.068.156.156v.844c0 .088-.068.156-.156.156h-12c-.088 0-.156-.068-.156-.156v-.844c0-.088.068-.156.156-.156z" transform="matrix(.8 0 0 .8 2 -.2)"/>
+	<path stroke="#222" stroke-width="1.2" d="M2.719 15.279l14.561-14.559"/>
+</svg>