diff --git a/assets/images/icons/align-justify.png b/assets/images/icons/align-justify.png
deleted file mode 100755
index 96bfc24b..00000000
Binary files a/assets/images/icons/align-justify.png and /dev/null differ
diff --git a/assets/images/icons/code-climate-icon.png b/assets/images/icons/code-climate-icon.png
deleted file mode 100644
index 4d547a94..00000000
Binary files a/assets/images/icons/code-climate-icon.png and /dev/null differ
diff --git a/assets/images/icons/code-climate-icon.svg b/assets/images/icons/code-climate-icon.svg
new file mode 100644
index 00000000..90e36dc6
--- /dev/null
+++ b/assets/images/icons/code-climate-icon.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="40" width="40">
+<polygon points="118.67,106.61,127.6,97.68,152.94,123.02,166.04,109.91,127.6,71.472,105.57,93.505" fill="#000" transform="matrix(0.32751845,0,0,0.34056255,-15.380835,-16.340687)"/>
+<polygon points="55.18,117.8,50.015,122.97,63.12,136.07,68.282,130.9,85.151,114.04,88.455,110.73,101.5,123.78,113.79,136.07,126.89,122.96,114.6,110.68,101.5,97.572,88.455,84.526" fill="#000" transform="matrix(0.32751845,0,0,0.34056255,-15.380835,-16.340687)"/>
+</svg>
+
diff --git a/assets/images/icons/code-climate-logo.png b/assets/images/icons/code-climate-logo.png
deleted file mode 100644
index 4c739e45..00000000
Binary files a/assets/images/icons/code-climate-logo.png and /dev/null differ
diff --git a/assets/images/icons/code-climate-logo.svg b/assets/images/icons/code-climate-logo.svg
new file mode 100644
index 00000000..21097f6f
--- /dev/null
+++ b/assets/images/icons/code-climate-logo.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="68" width="300">
+<g transform="matrix(0.58902097,0,0,0.58902097,-26.208927,-183.43385)">
+<path d="m203.89,353.54c5.093,0,8.862,1.579,12.325,4.736,0.459,0.408,0.459,1.019,0.051,1.426l-3.973,4.125c-0.357,0.357-0.917,0.357-1.273,0-1.884-1.68-4.379-2.597-6.875-2.597-5.756,0-9.983,4.787-9.983,10.492,0,5.653,4.278,10.339,10.033,10.339,2.393,0,4.991-0.866,6.824-2.445,0.357-0.306,1.019-0.306,1.324,0.051l3.973,4.227c0.357,0.357,0.306,1.019-0.051,1.376-3.463,3.361-7.843,4.94-12.376,4.94-10.186,0-18.386-8.098-18.386-18.283s8.202-18.387,18.387-18.387z"/>
+<path d="m237.91,353.54c10.186,0,18.334,8.2,18.334,18.386s-8.148,18.283-18.334,18.283-18.284-8.098-18.284-18.283,8.099-18.386,18.284-18.386zm0,28.521c5.602,0,10.186-4.584,10.186-10.135,0-5.602-4.584-10.237-10.186-10.237-5.551,0-10.135,4.634-10.135,10.237,0,5.551,4.584,10.135,10.135,10.135z"/>
+<path d="m262.4,355.02c0-0.509,0.407-0.968,0.917-0.968h12.426c9.83,0,17.877,7.996,17.877,17.774,0,9.881-8.047,17.876-17.877,17.876h-12.426c-0.509,0-0.917-0.458-0.917-0.967v-33.715zm12.834,27.145c5.755,0,9.931-4.532,9.931-10.339,0-5.755-4.176-10.288-9.931-10.288h-4.889v20.626h4.889z"/>
+<path d="m299.84,355.02c0-0.509,0.407-0.968,0.968-0.968h21.085c0.56,0,0.968,0.458,0.968,0.968v5.551c0,0.509-0.407,0.968-0.968,0.968h-14.108v6.315h11.612c0.509,0,0.968,0.458,0.968,0.968v5.551c0,0.561-0.459,0.968-0.968,0.968h-11.612v6.875h14.108c0.56,0,0.968,0.458,0.968,0.967v5.552c0,0.509-0.407,0.967-0.968,0.967h-21.085c-0.56,0-0.968-0.458-0.968-0.967v-33.715z"/>
+<path d="m356.72,353.54c5.093,0,8.862,1.579,12.325,4.736,0.459,0.408,0.459,1.019,0.051,1.426l-3.973,4.125c-0.357,0.357-0.917,0.357-1.273,0-1.884-1.68-4.379-2.597-6.875-2.597-5.755,0-9.983,4.787-9.983,10.492,0,5.653,4.278,10.339,10.033,10.339,2.393,0,4.991-0.866,6.824-2.445,0.357-0.306,1.019-0.306,1.324,0.051l3.973,4.227c0.357,0.357,0.306,1.019-0.051,1.376-3.463,3.361-7.843,4.94-12.376,4.94-10.186,0-18.385-8.098-18.385-18.283s8.2-18.387,18.386-18.387z"/>
+<path d="m375.21,355.02c0-0.509,0.407-0.968,0.968-0.968h6.06c0.509,0,0.968,0.458,0.968,0.968v27.197h12.121c0.56,0,0.968,0.458,0.968,0.967v5.552c0,0.509-0.407,0.967-0.968,0.967h-19.15c-0.56,0-0.968-0.458-0.968-0.967v-33.716z"/>
+<path d="m401.24,355.02c0-0.509,0.458-0.968,0.968-0.968h6.112c0.509,0,0.968,0.458,0.968,0.968v33.715c0,0.509-0.459,0.967-0.968,0.967h-6.112c-0.51,0-0.968-0.458-0.968-0.967v-33.715z"/>
+<path d="m421.56,354.36c0.051-0.458,0.509-0.815,0.917-0.815h0.815c0.255,0,0.713,0.204,0.866,0.509l11.815,22.001h0.102l11.815-22.001c0.153-0.306,0.612-0.509,0.866-0.509h0.815c0.407,0,0.866,0.357,0.917,0.815l5.755,34.225c0.102,0.662-0.357,1.12-0.968,1.12h-6.009c-0.459,0-0.917-0.407-0.968-0.815l-2.292-15.737h-0.12l-8.556,16.501c-0.153,0.306-0.612,0.56-0.866,0.56h-0.917c-0.305,0-0.713-0.254-0.866-0.56l-8.607-16.501h-0.102l-2.24,15.737c-0.051,0.407-0.459,0.815-0.968,0.815h-6.01c-0.611,0-1.069-0.458-0.968-1.12l5.756-34.225z"/>
+<path d="M458.17,388.38,474.12,354.1c0.153-0.306,0.509-0.56,0.866-0.56h0.509c0.357,0,0.713,0.254,0.866,0.56l15.941,34.276c0.306,0.662-0.102,1.324-0.866,1.324h-5.653c-0.917,0-1.324-0.305-1.782-1.273l-1.834-4.023h-13.853l-1.834,4.074c-0.254,0.611-0.815,1.222-1.833,1.222h-5.603c-0.764-0.001-1.171-0.662-0.865-1.324zm20.932-10.899-3.871-8.403h-0.051l-3.82,8.403h7.742z"/>
+<path d="m499.22,361.54h-7.283c-0.56,0-0.968-0.458-0.968-0.968v-5.551c0-0.509,0.407-0.968,0.968-0.968h22.613c0.56,0,0.968,0.458,0.968,0.968v5.551c0,0.509-0.407,0.968-0.968,0.968h-7.283v27.197c0,0.509-0.459,0.967-0.968,0.967h-6.112c-0.509,0-0.968-0.458-0.968-0.967v-27.197z"/>
+<path d="m520.61,355.02c0-0.509,0.407-0.968,0.968-0.968h21.085c0.56,0,0.968,0.458,0.968,0.968v5.551c0,0.509-0.407,0.968-0.968,0.968h-14.108v6.315h11.612c0.509,0,0.968,0.458,0.968,0.968v5.551c0,0.561-0.458,0.968-0.968,0.968h-11.612v6.875h14.108c0.56,0,0.968,0.458,0.968,0.967v5.552c0,0.509-0.407,0.967-0.968,0.967h-21.08c-0.56,0-0.968-0.458-0.968-0.967v-33.715z"/>
+<polygon points="113.91,360.71,124.68,371.48,132.02,364.14,152.84,384.96,163.6,374.19,132.02,342.6"/>
+<polygon points="99.852,374.87,110.57,385.59,120.67,395.69,131.44,384.92,121.34,374.82,110.57,364.05,99.852,353.33,72.508,380.67,68.264,384.92,79.033,395.68,83.275,391.44,97.137,377.58"/>
+</g>
+</svg>
+
diff --git a/assets/images/icons/github.png b/assets/images/icons/github.png
deleted file mode 100644
index d99646c7..00000000
Binary files a/assets/images/icons/github.png and /dev/null differ
diff --git a/assets/images/icons/github.svg b/assets/images/icons/github.svg
new file mode 100644
index 00000000..687b1a67
--- /dev/null
+++ b/assets/images/icons/github.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="152" width="154">
+  <path d="M0 640q0 209 103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5q0 -251 -146.5 -451.5t-378.5 -277.5q-27 -5 -39.5 7t-12.5 30v211q0 97 -52 142q57 6 102.5 18t94 39t81 66.5t53 105t20.5 150.5q0 121 -79 206q37 91 -8 204q-28 9 -81 -11t-92 -44 l-38 -24q-93 26 -192 26t-192 -26q-16 11 -42.5 27t-83.5 38.5t-86 13.5q-44 -113 -7 -204q-79 -85 -79 -206q0 -85 20.5 -150t52.5 -105t80.5 -67t94 -39t102.5 -18q-40 -36 -49 -103q-21 -10 -45 -15t-57 -5t-65.5 21.5t-55.5 62.5q-19 32 -48.5 52t-49.5 24l-20 3 q-21 0 -29 -4.5t-5 -11.5t9 -14t13 -12l7 -5q22 -10 43.5 -38t31.5 -51l10 -23q13 -38 44 -61.5t67 -30t69.5 -7t55.5 3.5l23 4q0 -38 0.5 -89t0.5 -54q0 -18 -13 -30t-40 -7q-232 77 -378.5 277.5t-146.5 451.5z" transform="scale(0.1, -0.1) translate(0, -1409)"/>
+</svg>
+
diff --git a/assets/images/icons/logs.svg b/assets/images/icons/logs.svg
new file mode 100644
index 00000000..a7c3ad5f
--- /dev/null
+++ b/assets/images/icons/logs.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="141" width="180">
+  <path d="M0 64v128q0 26 19 45t45 19h1664q26 0 45 -19t19 -45v-128q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19t-19 45zM0 448v128q0 26 19 45t45 19h1664q26 0 45 -19t19 -45v-128q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19t-19 45zM0 832v128q0 26 19 45t45 19h1664 q26 0 45 -19t19 -45v-128q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19t-19 45zM0 1216v128q0 26 19 45t45 19h1664q26 0 45 -19t19 -45v-128q0 -26 -19 -45t-45 -19h-1664q-26 0 -45 19t-19 45z" transform="scale(0.1, -0.1) translate(0, -1409)"/>
+</svg>
+
diff --git a/assets/images/icons/off.png b/assets/images/icons/off.png
deleted file mode 100755
index 8e11bea2..00000000
Binary files a/assets/images/icons/off.png and /dev/null differ
diff --git a/assets/images/icons/off.svg b/assets/images/icons/off.svg
new file mode 100644
index 00000000..8e822a68
--- /dev/null
+++ b/assets/images/icons/off.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="154" width="154">
+  <path d="M0 640q0 209 103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5t-103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5zM387 414q0 -27 19 -46l90 -90q19 -19 46 -19q26 0 45 19l181 181l181 -181q19 -19 45 -19q27 0 46 19 l90 90q19 19 19 46q0 26 -19 45l-181 181l181 181q19 19 19 45q0 27 -19 46l-90 90q-19 19 -46 19q-26 0 -45 -19l-181 -181l-181 181q-19 19 -45 19q-27 0 -46 -19l-90 -90q-19 -19 -19 -46q0 -26 19 -45l181 -181l-181 -181q-19 -19 -19 -45z" transform="scale(0.1, -0.1) translate(0, -1409)"/>
+</svg>
+
diff --git a/assets/images/icons/repeat.png b/assets/images/icons/repeat.png
deleted file mode 100755
index 6e5b206f..00000000
Binary files a/assets/images/icons/repeat.png and /dev/null differ
diff --git a/assets/images/icons/repeat.svg b/assets/images/icons/repeat.svg
new file mode 100644
index 00000000..8b981450
--- /dev/null
+++ b/assets/images/icons/repeat.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="154" width="154">
+  <path d="M0 640q0 156 61 298t164 245t245 164t298 61q147 0 284.5 -55.5t244.5 -156.5l130 129q29 31 70 14q39 -17 39 -59v-448q0 -26 -19 -45t-45 -19h-448q-42 0 -59 40q-17 39 14 69l138 138q-148 137 -349 137q-104 0 -198.5 -40.5t-163.5 -109.5t-109.5 -163.5 t-40.5 -198.5t40.5 -198.5t109.5 -163.5t163.5 -109.5t198.5 -40.5q119 0 225 52t179 147q7 10 23 12q14 0 25 -9l137 -138q9 -8 9.5 -20.5t-7.5 -22.5q-109 -132 -264 -204.5t-327 -72.5q-156 0 -298 61t-245 164t-164 245t-61 298z" transform="scale(0.1, -0.1) translate(0, -1409)"/>
+</svg>
+
diff --git a/assets/images/icons/state-errored.svg b/assets/images/icons/state-errored.svg
index fa635e38..8bf0d558 100644
--- a/assets/images/icons/state-errored.svg
+++ b/assets/images/icons/state-errored.svg
@@ -1,5 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px">
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10">
 <path fill="#A8A8A9" d="M5,0C2.239,0,0,2.24,0,5c0,2.762,2.238,5,5,5c2.761,0,5-2.238,5-5C10,2.24,7.762,0,5,0 M5.866,7.6H4.134
 	V6.732h1.731V7.6z M5.747,5.441C5.702,5.675,5.47,5.866,5.232,5.866H4.77c-0.238,0-0.47-0.19-0.516-0.425L3.751,2.828
 	C3.708,2.592,3.866,2.401,4.104,2.401h1.793c0.236,0,0.396,0.191,0.352,0.427L5.747,5.441z"/>
 </svg>
+
diff --git a/assets/images/icons/state-failed.svg b/assets/images/icons/state-failed.svg
index 8169be75..163b65a2 100644
--- a/assets/images/icons/state-failed.svg
+++ b/assets/images/icons/state-failed.svg
@@ -1,5 +1,6 @@
-<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px">
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10">
 <path fill="#CD181B" d="M1.463,1.463c-1.951,1.952-1.951,5.119,0.001,7.072c1.954,1.953,5.12,1.953,7.071,0
 	c1.953-1.951,1.953-5.118,0-7.071C6.582-0.488,3.417-0.488,1.463,1.463 M7.449,3.773L6.226,5l1.224,1.226L6.226,7.449L5,6.226
 	L3.773,7.449L2.55,6.226L3.773,5L2.55,3.773l1.225-1.225L5,3.773l1.226-1.225L7.449,3.773z"/>
 </svg>
+
diff --git a/assets/images/icons/state-passed.svg b/assets/images/icons/state-passed.svg
index 9f9d6707..e019fa03 100644
--- a/assets/images/icons/state-passed.svg
+++ b/assets/images/icons/state-passed.svg
@@ -1,4 +1,5 @@
-<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px">
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10">
 <path fill="#0D8136" d="M5,0C2.239,0,0,2.24,0,5c0,2.762,2.239,5,5,5c2.762,0,5-2.238,5-5C10,2.24,7.762,0,5,0 M4.535,7.824
 	L2.139,5.425L3.65,3.914l0.885,0.885l2.044-2.045l1.51,1.513L4.535,7.824z"/>
 </svg>
+
diff --git a/assets/images/icons/state-pending.svg b/assets/images/icons/state-pending.svg
index c1c05e8f..557bce00 100644
--- a/assets/images/icons/state-pending.svg
+++ b/assets/images/icons/state-pending.svg
@@ -1,3 +1,4 @@
-<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px">
+<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10">
 <path fill="#E7D100" d="M5,0C2.239,0,0,2.238,0,5c0,2.761,2.239,5,5,5c2.762,0,5-2.239,5-5C10,2.238,7.762,0,5,0"/>
 </svg>
+
diff --git a/assets/images/ui/activated.png b/assets/images/ui/activated.png
deleted file mode 100644
index 450c6099..00000000
Binary files a/assets/images/ui/activated.png and /dev/null differ
diff --git a/assets/images/ui/cal.png b/assets/images/ui/cal.png
deleted file mode 100644
index ed89d223..00000000
Binary files a/assets/images/ui/cal.png and /dev/null differ
diff --git a/assets/images/ui/cal.svg b/assets/images/ui/cal.svg
new file mode 100644
index 00000000..37ba058c
--- /dev/null
+++ b/assets/images/ui/cal.svg
@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="11" width="11">
+<rect ry="0.5" height="8" width="10" stroke="#888" y="2.5" x="0.5" stroke-width="1" fill="none"/>
+<path fill="#888" d="M3,6,2,7,4,9,9,5,8,4,4,7z"/>
+<rect ry="0.5" height="2.5" width="2" stroke="#888" y="0.5" x="1.5" stroke-width="0.75" fill="none"/>
+<rect ry="0.5" height="2.5" width="2" stroke="#888" y="0.5" x="4.5" stroke-width="0.75" fill="none"/>
+<rect ry="0.5" height="2.5" width="2" stroke="#888" y="0.5" x="7.5" stroke-width="0.75" fill="none"/>
+<rect height="0.5" width="9" y="3" x="1" fill="#888"/>
+</svg>
+
diff --git a/assets/images/ui/check.svg b/assets/images/ui/check.svg
new file mode 100644
index 00000000..d45ac555
--- /dev/null
+++ b/assets/images/ui/check.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="155" width="155">
+  <path d="M121 608q0 40 28 68l136 136q28 28 68 28t68 -28l294 -295l656 657q28 28 68 28t68 -28l136 -136q28 -28 28 -68t-28 -68l-724 -724l-136 -136q-28 -28 -68 -28t-68 28l-136 136l-362 362q-28 28 -28 68z" transform="scale(0.1, -0.1) translate(-121, -1409)" fill="#fff"/>
+</svg>
+
diff --git a/assets/images/ui/clock.png b/assets/images/ui/clock.png
deleted file mode 100644
index 03b66950..00000000
Binary files a/assets/images/ui/clock.png and /dev/null differ
diff --git a/assets/images/ui/clock.svg b/assets/images/ui/clock.svg
new file mode 100644
index 00000000..9ef75a28
--- /dev/null
+++ b/assets/images/ui/clock.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="154" width="154">
+  <path d="M0 640q0 209 103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5t-103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5zM224 640q0 -148 73 -273t198 -198t273 -73t273 73t198 198t73 273t-73 273t-198 198t-273 73t-273 -73 t-198 -198t-73 -273zM512 544v64q0 14 9 23t23 9h224v352q0 14 9 23t23 9h64q14 0 23 -9t9 -23v-448q0 -14 -9 -23t-23 -9h-320q-14 0 -23 9t-9 23z" transform="scale(0.1, -0.1) translate(0, -1409)" fill="#999"/>
+</svg>
+
diff --git a/assets/images/ui/close.png b/assets/images/ui/close.png
deleted file mode 100644
index c8a66316..00000000
Binary files a/assets/images/ui/close.png and /dev/null differ
diff --git a/assets/images/ui/close.svg b/assets/images/ui/close.svg
new file mode 100644
index 00000000..e4eb4bfd
--- /dev/null
+++ b/assets/images/ui/close.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="154" width="154">
+  <path d="M0 640q0 209 103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5t-103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5zM224 640q0 -148 73 -273t198 -198t273 -73t273 73t198 198t73 273t-73 273t-198 198t-273 73t-273 -73 t-198 -198t-73 -273zM429 480q0 13 10 23l137 137l-137 137q-10 10 -10 23t10 23l146 146q10 10 23 10t23 -10l137 -137l137 137q10 10 23 10t23 -10l146 -146q10 -10 10 -23t-10 -23l-137 -137l137 -137q10 -10 10 -23t-10 -23l-146 -146q-10 -10 -23 -10t-23 10l-137 137 l-137 -137q-10 -10 -23 -10t-23 10l-146 146q-10 10 -10 23z" transform="scale(0.1, -0.1) translate(0, -1409)" fill="#777"/>
+</svg>
+
diff --git a/assets/images/ui/help.png b/assets/images/ui/help.png
deleted file mode 100644
index b0c5be51..00000000
Binary files a/assets/images/ui/help.png and /dev/null differ
diff --git a/assets/images/ui/help.svg b/assets/images/ui/help.svg
new file mode 100644
index 00000000..58833559
--- /dev/null
+++ b/assets/images/ui/help.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="154" width="154">
+  <path d="M0 640q0 209 103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5t-103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5zM417 939q-15 -24 8 -42l132 -100q7 -6 19 -6q16 0 25 12q53 68 86 92q34 24 86 24q48 0 85.5 -26 t37.5 -59q0 -38 -20 -61t-68 -45q-63 -28 -115.5 -86.5t-52.5 -125.5v-36q0 -14 9 -23t23 -9h192q14 0 23 9t9 23q0 19 21.5 49.5t54.5 49.5q32 18 49 28.5t46 35t44.5 48t28 60.5t12.5 81q0 88 -55.5 163t-138.5 116t-170 41q-243 0 -371 -213zM640 160q0 -14 9 -23t23 -9 h192q14 0 23 9t9 23v192q0 14 -9 23t-23 9h-192q-14 0 -23 -9t-9 -23v-192z" transform="scale(0.1, -0.1) translate(0, -1409)" fill="#ccc"/>
+</svg>
+
diff --git a/assets/images/ui/info.png b/assets/images/ui/info.png
deleted file mode 100644
index ce3c9cc5..00000000
Binary files a/assets/images/ui/info.png and /dev/null differ
diff --git a/assets/images/ui/info.svg b/assets/images/ui/info.svg
new file mode 100644
index 00000000..48f1d736
--- /dev/null
+++ b/assets/images/ui/info.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="154" width="154">
+  <path d="M0 640q0 209 103 385.5t279.5 279.5t385.5 103t385.5 -103t279.5 -279.5t103 -385.5t-103 -385.5t-279.5 -279.5t-385.5 -103t-385.5 103t-279.5 279.5t-103 385.5zM512 160q0 -14 9 -23t23 -9h448q14 0 23 9t9 23v160q0 14 -9 23t-23 9h-96v512q0 14 -9 23t-23 9h-320 q-14 0 -23 -9t-9 -23v-160q0 -14 9 -23t23 -9h96v-320h-96q-14 0 -23 -9t-9 -23v-160zM640 1056q0 -14 9 -23t23 -9h192q14 0 23 9t9 23v160q0 14 -9 23t-23 9h-192q-14 0 -23 -9t-9 -23v-160z" transform="scale(0.1, -0.1) translate(0, -1409)" fill="#ccc"/>
+</svg>
+
diff --git a/assets/images/ui/log.fold.closed.2.png b/assets/images/ui/log.fold.closed.2.png
deleted file mode 100644
index 51509978..00000000
Binary files a/assets/images/ui/log.fold.closed.2.png and /dev/null differ
diff --git a/assets/images/ui/log.fold.closed.2.svg b/assets/images/ui/log.fold.closed.2.svg
new file mode 100644
index 00000000..7cc4a158
--- /dev/null
+++ b/assets/images/ui/log.fold.closed.2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="10" width="10">
+<path d="M8,9,1,5,8,1z" stroke="#555" stroke-width="0.5" fill="#666"/>
+</svg>
+
diff --git a/assets/images/ui/log.fold.closed.3.png b/assets/images/ui/log.fold.closed.3.png
deleted file mode 100644
index 07c0a351..00000000
Binary files a/assets/images/ui/log.fold.closed.3.png and /dev/null differ
diff --git a/assets/images/ui/log.fold.closed.3.svg b/assets/images/ui/log.fold.closed.3.svg
new file mode 100644
index 00000000..9d02c0ae
--- /dev/null
+++ b/assets/images/ui/log.fold.closed.3.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="10" width="10">
+<path d="M2,9,9,5,2,1z" stroke="#555" stroke-width="0.5" fill="#666"/>
+</svg>
+
diff --git a/assets/images/ui/log.fold.closed.png b/assets/images/ui/log.fold.closed.png
deleted file mode 100644
index 2f8190a5..00000000
Binary files a/assets/images/ui/log.fold.closed.png and /dev/null differ
diff --git a/assets/images/ui/log.fold.closed.svg b/assets/images/ui/log.fold.closed.svg
new file mode 100644
index 00000000..8bc85e94
--- /dev/null
+++ b/assets/images/ui/log.fold.closed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="10" width="10">
+<path d="m8.5,0.5-7,4.5,7,4.5z" stroke="#777" stroke-width="0.5" fill="#999"/>
+</svg>
+
diff --git a/assets/images/ui/log.fold.open.2.png b/assets/images/ui/log.fold.open.2.png
deleted file mode 100644
index 42916db5..00000000
Binary files a/assets/images/ui/log.fold.open.2.png and /dev/null differ
diff --git a/assets/images/ui/log.fold.open.2.svg b/assets/images/ui/log.fold.open.2.svg
new file mode 100644
index 00000000..07a855e2
--- /dev/null
+++ b/assets/images/ui/log.fold.open.2.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="10" width="10">
+<path d="m0.5,1.5,4.5,7,4.5-7z" stroke="#555" stroke-width="0.5" fill="#666"/>
+</svg>
+
diff --git a/assets/images/ui/log.fold.open.png b/assets/images/ui/log.fold.open.png
deleted file mode 100644
index 45542ba8..00000000
Binary files a/assets/images/ui/log.fold.open.png and /dev/null differ
diff --git a/assets/images/ui/log.fold.open.svg b/assets/images/ui/log.fold.open.svg
new file mode 100644
index 00000000..aebed549
--- /dev/null
+++ b/assets/images/ui/log.fold.open.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="10" width="10">
+<path d="m0.5,1.5,4.5,7,4.5-7z" stroke="#777" stroke-width="0.5" fill="#999"/>
+</svg>
+
diff --git a/assets/images/ui/logo.png b/assets/images/ui/logo.png
deleted file mode 100644
index 1e8a48e7..00000000
Binary files a/assets/images/ui/logo.png and /dev/null differ
diff --git a/assets/images/ui/logo.svg b/assets/images/ui/logo.svg
new file mode 100644
index 00000000..a7fb07b6
--- /dev/null
+++ b/assets/images/ui/logo.svg
@@ -0,0 +1,22 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="60" width="144">
+<defs>
+<linearGradient id="linearGradient3833" y2="57.5" gradientUnits="userSpaceOnUse" x2="2.5" y1="2.5" x1="2.5">
+<stop stop-color="#d8432f" offset="0"/>
+<stop stop-color="#c52127" offset="1"/>
+</linearGradient>
+</defs>
+<g>
+<rect fill-rule="evenodd" ry="4.2857" height="60" width="60" y="-5.107E-15" x="0" fill="url(#linearGradient3833)"/>
+<g transform="scale(0.95913394,1.0426072)" fill="#FFF">
+<path d="m80.393,26.946c-0.33195-0.19272-0.696-0.33192-1.0922-0.4176-0.38548-0.09635-0.81379-0.14454-1.2849-0.14455-1.6704,0.000015-2.9553,0.5461-3.8547,1.6383-0.88874,1.0815-1.3331,2.6394-1.3331,4.6739v9.4762h-2.9714v-17.989h2.9714v2.7947c0.62103-1.0922,1.4295-1.9006,2.4253-2.4253,0.99579-0.53536,2.2057-0.80305,3.6299-0.80307,0.20343,0.000018,0.42829,0.01608,0.67458,0.04818,0.24626,0.02143,0.5193,0.05891,0.81913,0.11243l0.01606,3.0356"/>
+<path d="m91.7,33.13c-2.3878,0.000009-4.0421,0.27305-4.963,0.81913-0.92086,0.54609-1.3813,1.4777-1.3813,2.7947-0.000005,1.0493,0.34264,1.8845,1.0279,2.5056,0.69598,0.61033,1.6382,0.9155,2.8268,0.9155,1.6382,0.000002,2.9499-0.57821,3.935-1.7346,0.99579-1.1671,1.4937-2.7144,1.4937-4.6417v-0.65852h-2.9392m5.8945-1.2207,0,10.263-2.9553,0,0-2.7304c-0.67459,1.0922-1.5151,1.9006-2.5216,2.4253-1.0065,0.51396-2.2379,0.77094-3.6941,0.77094-1.8417,0-3.3086-0.51396-4.4008-1.5419-1.0815-1.0386-1.6222-2.4253-1.6222-4.1599-0.000002-2.0237,0.67457-3.5496,2.0237-4.5775,1.3599-1.0279,3.3836-1.5419,6.0712-1.5419h4.1438v-0.2891c-0.000014-1.3598-0.44973-2.4092-1.3492-3.148-0.88874-0.74951-2.1415-1.1243-3.7584-1.1243-1.0279,0.000016-2.0291,0.12315-3.0035,0.36941-0.97439,0.24629-1.9113,0.6157-2.8107,1.1082v-2.7304c1.0815-0.41758,2.1308-0.7281,3.148-0.93156,1.0172-0.21413,2.0077-0.32121,2.9714-0.32123,2.6019,0.000018,4.5453,0.67459,5.8303,2.0237,1.2849,1.3492,1.9273,3.3943,1.9274,6.1354"/>
+<path d="m99.493,24.183,3.132,0,5.6215,15.098,5.6215-15.098,3.132,0-6.7458,17.989-4.0153,0-6.7458-17.989"/>
+<path d="m119.2,24.183,2.9553,0,0,17.989-2.9553,0,0-17.989m0-7.0027,2.9553,0,0,3.7423-2.9553,0,0-3.7423"/>
+<path id="path3007" style="" d="m138.99,24.713,0,2.7947c-0.83521-0.42829-1.7025-0.74951-2.6019-0.96368-0.89945-0.21414-1.831-0.32121-2.7947-0.32123-1.4669,0.000016-2.5698,0.22488-3.3086,0.67458-0.72812,0.44973-1.0922,1.1243-1.0922,2.0237,0,0.6853,0.26233,1.226,0.78701,1.6222,0.52466,0.38548,1.5794,0.7549,3.1641,1.1082l1.0119,0.22486c2.0987,0.44973,3.587,1.0868,4.465,1.9113,0.88872,0.81378,1.3331,1.9541,1.3331,3.4211-0.00002,1.6704-0.66389,2.9928-1.9916,3.9672-1.317,0.97439-3.132,1.4616-5.4448,1.4616-0.96369,0-1.9702-0.09637-3.0195-0.2891-1.0386-0.18203-2.1362-0.46042-3.2926-0.83519v-3.0517c1.0922,0.5675,2.1683,0.99581,3.2283,1.2849,1.06,0.2784,2.1094,0.4176,3.148,0.4176,1.392,0.000002,2.4627-0.23556,3.2123-0.7067,0.74951-0.48184,1.1243-1.1564,1.1243-2.0237-0.00001-0.80306-0.27305-1.4187-0.81913-1.8471-0.53539-0.4283-1.7186-0.84054-3.5496-1.2367l-1.0279-0.24092c-1.831-0.38546-3.1534-0.97438-3.9672-1.7667-0.81377-0.80306-1.2207-1.9006-1.2207-3.2926,0-1.6918,0.59962-2.9981,1.7989-3.919,1.1992-0.92083,2.9018-1.3813,5.1075-1.3813,1.0922,0.000018,2.1201,0.08032,3.0838,0.24092,0.96367,0.16063,1.8524,0.40155,2.6662,0.72276"/>
+</g>
+<g fill-opacity="0" transform="scale(0.99840307,1.0015995)" stroke="#FFF" stroke-miterlimit="4" stroke-width="2">
+<path id="path3813" stroke="#FFF" d="m21.534,42.931,4.0064,0,0-26.458-6.0096,0-0.000003,4.992-9.0144,0,0-12.979,39.062,0,0,12.979-8.5136,0,0-4.992-6.5104,0,0,26.458,4.0064,0-0.12915,8.2752-16.898,0.21121z"/>
+</g>
+</g>
+</svg>
+
diff --git a/assets/images/ui/org.png b/assets/images/ui/org.png
deleted file mode 100644
index ea47fc65..00000000
Binary files a/assets/images/ui/org.png and /dev/null differ
diff --git a/assets/images/ui/org.svg b/assets/images/ui/org.svg
new file mode 100644
index 00000000..5e109d60
--- /dev/null
+++ b/assets/images/ui/org.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="180" width="192">
+  <path d="M0 671q0 353 124 353q6 0 43.5 -21t97.5 -42.5t119 -21.5q67 0 133 23q-5 -37 -5 -66q0 -139 81 -256q-162 -5 -265 -128h-134q-82 0 -138 40.5t-56 118.5zM128 1280q0 106 75 181t181 75t181 -75t75 -181t-75 -181t-181 -75t-181 75t-75 181zM256 3q0 53 3.5 103.5 t14 109t26.5 108.5t43 97.5t62 81t85.5 53.5t111.5 20q10 0 43 -21.5t73 -48t107 -48t135 -21.5t135 21.5t107 48t73 48t43 21.5q61 0 111.5 -20t85.5 -53.5t62 -81t43 -97.5t26.5 -108.5t14 -109t3.5 -103.5q0 -120 -73 -189.5t-194 -69.5h-874q-121 0 -194 69.5t-73 189.5 zM576 896q0 159 112.5 271.5t271.5 112.5t271.5 -112.5t112.5 -271.5t-112.5 -271.5t-271.5 -112.5t-271.5 112.5t-112.5 271.5zM1280 1280q0 106 75 181t181 75t181 -75t75 -181t-75 -181t-181 -75t-181 75t-75 181zM1327 640q81 117 81 256q0 29 -5 66q66 -23 133 -23 q59 0 119 21.5t97.5 42.5t43.5 21q124 0 124 -353q0 -78 -56 -118.5t-138 -40.5h-134q-103 123 -265 128z" transform="scale(0.1, -0.1) translate(0, -1540)" fill="#777"/>
+</svg>
+
diff --git a/assets/images/ui/search.png b/assets/images/ui/search.png
deleted file mode 100644
index d8d0278a..00000000
Binary files a/assets/images/ui/search.png and /dev/null differ
diff --git a/assets/images/ui/search.svg b/assets/images/ui/search.svg
new file mode 100644
index 00000000..04d466a3
--- /dev/null
+++ b/assets/images/ui/search.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="167" width="167">
+  <path d="M0 704q0 143 55.5 273.5t150 225t225 150t273.5 55.5t273.5 -55.5t225 -150t150 -225t55.5 -273.5q0 -220 -124 -399l343 -343q37 -37 37 -90q0 -52 -38 -90t-90 -38q-54 0 -90 38l-343 342q-179 -124 -399 -124q-143 0 -273.5 55.5t-225 150t-150 225t-55.5 273.5z M256 704q0 -185 131.5 -316.5t316.5 -131.5t316.5 131.5t131.5 316.5t-131.5 316.5t-316.5 131.5t-316.5 -131.5t-131.5 -316.5z" transform="scale(0.1, -0.1) translate(0, -1409)" fill="#ccc"/>
+</svg>
+
diff --git a/assets/images/ui/slider-closed.png b/assets/images/ui/slider-closed.png
deleted file mode 100644
index 4f2ca670..00000000
Binary files a/assets/images/ui/slider-closed.png and /dev/null differ
diff --git a/assets/images/ui/slider-closed.svg b/assets/images/ui/slider-closed.svg
new file mode 100644
index 00000000..184742d6
--- /dev/null
+++ b/assets/images/ui/slider-closed.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="10" width="5">
+<path fill="#999" d="M0,0,5,5,0,10z"/>
+</svg>
+
diff --git a/assets/images/ui/slider-open.png b/assets/images/ui/slider-open.png
deleted file mode 100644
index 6a037b7b..00000000
Binary files a/assets/images/ui/slider-open.png and /dev/null differ
diff --git a/assets/images/ui/slider-open.svg b/assets/images/ui/slider-open.svg
new file mode 100644
index 00000000..97545540
--- /dev/null
+++ b/assets/images/ui/slider-open.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="10" width="5">
+<path fill="#999" d="M5,0,0,5,5,10z"/>
+</svg>
+
diff --git a/assets/images/ui/spinner.gif b/assets/images/ui/spinner.gif
deleted file mode 100644
index 6ac7d5b5..00000000
Binary files a/assets/images/ui/spinner.gif and /dev/null differ
diff --git a/assets/images/ui/spinner.svg b/assets/images/ui/spinner.svg
new file mode 100644
index 00000000..da042b5f
--- /dev/null
+++ b/assets/images/ui/spinner.svg
@@ -0,0 +1,23 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="8">
+<g transform="translate(8, 4)">
+  <rect x="-8" y="-4" width="5" height="8">
+    <animateTransform id="a" attributeName="transform" type="scale" from="1,0.5" to="1" dur="0.4s" begin="0;b.end"/>
+    <animate attributeName="fill" from="#eee" to="#888" dur="0.4s" begin="0;b.end"/>
+    <animateTransform id="b" attributeName="transform" type="scale" from="1" to="1,0.5" dur="0.4s" begin="a.end"/>
+    <animate attributeName="fill" from="#888" to="#eee" dur="0.4s" begin="a.end"/>
+  </rect>
+  <rect x="-2" y="-4" width="4" height="8">
+    <animateTransform id="c" attributeName="transform" type="scale" from="1,0.5" to="1" dur="0.4s" begin="0.1s;d.end"/>
+    <animate attributeName="fill" from="#eee" to="#888" dur="0.4s" begin="0.1s;d.end"/>
+    <animateTransform id="d" begin="c.end" attributeName="transform" type="scale" to="1,0.5" from="1" dur="0.4s"/>
+    <animate attributeName="fill" from="#888" to="#eee" dur="0.4s" begin="c.end"/>
+  </rect>
+  <rect x="3" y="-4" width="5" height="8">
+    <animateTransform id="e" attributeName="transform" type="scale" from="1,0.5" to="1" dur="0.4s" begin="0.2s;f.end"/>
+    <animate attributeName="fill" from="#eee" to="#888" dur="0.4s" begin="0.2s;f.end"/>
+    <animateTransform id="f" attributeName="transform" type="scale" from="1" to="1,0.5" dur="0.4s" begin="e.end"/>
+    <animate attributeName="fill" from="#888" to="#eee" dur="0.4s" begin="e.end"/>
+  </rect>
+</g>
+</svg>
+
diff --git a/assets/images/ui/spinner_long.gif b/assets/images/ui/spinner_long.gif
deleted file mode 100644
index a69ef3ef..00000000
Binary files a/assets/images/ui/spinner_long.gif and /dev/null differ
diff --git a/assets/images/ui/spinner_long.svg b/assets/images/ui/spinner_long.svg
new file mode 100644
index 00000000..3ef0f469
--- /dev/null
+++ b/assets/images/ui/spinner_long.svg
@@ -0,0 +1,41 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="64" height="8">
+<g transform="translate(32, 4)">
+  <rect x="-31" y="-4" width="8" height="8">
+    <animateTransform id="a" attributeName="transform" type="scale" from="1,0.5" to="1" dur="0.55s" begin="0;b.end"/>
+    <animate attributeName="fill" from="#eee" to="#888" dur="0.55s" begin="0;b.end"/>
+    <animateTransform id="b" attributeName="transform" type="scale" from="1" to="1,0.5" dur="0.55s" begin="a.end"/>
+    <animate attributeName="fill" from="#888" to="#eee" dur="0.55s" begin="a.end"/>
+  </rect>
+  <rect x="-20" y="-4" width="8" height="8">
+    <animateTransform id="c" attributeName="transform" type="scale" from="1,0.5" to="1" dur="0.55s" begin="0.1s;d.end"/>
+    <animate attributeName="fill" from="#eee" to="#888" dur="0.55s" begin="0.1s;d.end"/>
+    <animateTransform id="d" begin="c.end" attributeName="transform" type="scale" to="1,0.5" from="1" dur="0.55s"/>
+    <animate attributeName="fill" from="#888" to="#eee" dur="0.55s" begin="c.end"/>
+  </rect>
+  <rect x="-9" y="-4" width="8" height="8">
+    <animateTransform id="e" attributeName="transform" type="scale" from="1,0.5" to="1" dur="0.55s" begin="0.2s;f.end"/>
+    <animate attributeName="fill" from="#eee" to="#888" dur="0.55s" begin="0.2s;f.end"/>
+    <animateTransform id="f" attributeName="transform" type="scale" from="1" to="1,0.5" dur="0.55s" begin="e.end"/>
+    <animate attributeName="fill" from="#888" to="#eee" dur="0.55s" begin="e.end"/>
+  </rect>
+  <rect x="1" y="-4" width="8" height="8">
+    <animateTransform id="g" attributeName="transform" type="scale" from="1,0.5" to="1" dur="0.55s" begin="0.3s;h.end"/>
+    <animate attributeName="fill" from="#eee" to="#888" dur="0.55s" begin="0.3s;h.end"/>
+    <animateTransform id="h" attributeName="transform" type="scale" from="1" to="1,0.5" dur="0.55s" begin="g.end"/>
+    <animate attributeName="fill" from="#888" to="#eee" dur="0.55s" begin="g.end"/>
+  </rect>
+  <rect x="12" y="-4" width="8" height="8">
+    <animateTransform id="i" attributeName="transform" type="scale" from="1,0.5" to="1" dur="0.55s" begin="0.4s;j.end"/>
+    <animate attributeName="fill" from="#eee" to="#888" dur="0.55s" begin="0.4s;j.end"/>
+    <animateTransform id="j" attributeName="transform" type="scale" from="1" to="1,0.5" dur="0.55s" begin="i.end"/>
+    <animate attributeName="fill" from="#888" to="#eee" dur="0.55s" begin="i.end"/>
+  </rect>
+  <rect x="23" y="-4" width="8" height="8">
+    <animateTransform id="k" attributeName="transform" type="scale" from="1,0.5" to="1" dur="0.55s" begin="0.5s;l.end"/>
+    <animate attributeName="fill" from="#eee" to="#888" dur="0.55s" begin="0.5s;l.end"/>
+    <animateTransform id="l" attributeName="transform" type="scale" from="1" to="1,0.5" dur="0.55s" begin="k.end"/>
+    <animate attributeName="fill" from="#888" to="#eee" dur="0.55s" begin="k.end"/>
+  </rect>
+</g>
+</svg>
+
diff --git a/assets/images/ui/to-top.png b/assets/images/ui/to-top.png
deleted file mode 100644
index 25e63fff..00000000
Binary files a/assets/images/ui/to-top.png and /dev/null differ
diff --git a/assets/images/ui/user.png b/assets/images/ui/user.png
deleted file mode 100644
index 0250506a..00000000
Binary files a/assets/images/ui/user.png and /dev/null differ
diff --git a/assets/images/ui/user.svg b/assets/images/ui/user.svg
new file mode 100644
index 00000000..1ee94336
--- /dev/null
+++ b/assets/images/ui/user.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="153" width="141">
+  <path d="M0 131q0 53 3.5 103.5t14 109t26.5 108.5t43 97.5t62 81t85.5 53.5t111.5 20q9 0 42 -21.5t74.5 -48t108 -48t133.5 -21.5t133.5 21.5t108 48t74.5 48t42 21.5q61 0 111.5 -20t85.5 -53.5t62 -81t43 -97.5t26.5 -108.5t14 -109t3.5 -103.5q0 -120 -73 -189.5t-194 -69.5 h-874q-121 0 -194 69.5t-73 189.5zM320 1024q0 159 112.5 271.5t271.5 112.5t271.5 -112.5t112.5 -271.5t-112.5 -271.5t-271.5 -112.5t-271.5 112.5t-112.5 271.5z" transform="scale(0.1, -0.1) translate(0, -1409)" fill="#999"/>
+</svg>
+
diff --git a/assets/images/ui/workers-close.png b/assets/images/ui/workers-close.png
deleted file mode 100644
index 25e63fff..00000000
Binary files a/assets/images/ui/workers-close.png and /dev/null differ
diff --git a/assets/images/ui/workers-close.svg b/assets/images/ui/workers-close.svg
new file mode 100644
index 00000000..c3bf4048
--- /dev/null
+++ b/assets/images/ui/workers-close.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="5" width="10">
+<path fill="#c2c2c2" d="M10,5,5,0,0,5z"/>
+</svg>
+
diff --git a/assets/images/ui/workers-open.png b/assets/images/ui/workers-open.png
deleted file mode 100644
index 4723ec48..00000000
Binary files a/assets/images/ui/workers-open.png and /dev/null differ
diff --git a/assets/images/ui/workers-open.svg b/assets/images/ui/workers-open.svg
new file mode 100644
index 00000000..1ba957f0
--- /dev/null
+++ b/assets/images/ui/workers-open.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" height="5" width="10">
+<path fill="#c2c2c2" d="M0,0,5,5,10,0z"/>
+</svg>
+
diff --git a/assets/scripts/app/templates/builds/show.hbs b/assets/scripts/app/templates/builds/show.hbs
index 1df7e292..e39259e4 100644
--- a/assets/scripts/app/templates/builds/show.hbs
+++ b/assets/scripts/app/templates/builds/show.hbs
@@ -41,12 +41,12 @@
       </div>
 
       <div class="commit-changes">
-        <div class="text"><a class="commit" {{bind-attr href="controller.urlGithubCommit"}}>Commit {{formatSha commit.sha}}</a></div><img src="/images/icons/github.png"/>
+        <div class="text"><a class="commit" {{bind-attr href="controller.urlGithubCommit"}}>Commit {{formatSha commit.sha}}</a></div><img src="/images/icons/github.svg"/>
         {{#if build.pullRequest}}
-          <div class="text"><a class="compare" {{bind-attr href="build.commit.compareUrl"}}>#{{build.pullRequestNumber}}: {{build.pullRequestTitle}}</a></div><img src="/images/icons/github.png"/>
+          <div class="text"><a class="compare" {{bind-attr href="build.commit.compareUrl"}}>#{{build.pullRequestNumber}}: {{build.pullRequestTitle}}</a></div><img src="/images/icons/github.svg"/>
         {{else}}
           {{#if build.commit.compareUrl}}
-            <div class="text"><a class="compare" {{bind-attr href="build.commit.compareUrl"}}>Compare {{shortCompareShas build.commit.compareUrl}}</a></div><img src="/images/icons/github.png"/>
+            <div class="text"><a class="compare" {{bind-attr href="build.commit.compareUrl"}}>Compare {{shortCompareShas build.commit.compareUrl}}</a></div><img src="/images/icons/github.svg"/>
           {{/if}}
         {{/if}}
       </div>
diff --git a/assets/scripts/app/templates/jobs/show.hbs b/assets/scripts/app/templates/jobs/show.hbs
index a258f889..2158964d 100644
--- a/assets/scripts/app/templates/jobs/show.hbs
+++ b/assets/scripts/app/templates/jobs/show.hbs
@@ -40,12 +40,12 @@
         </div>
 
         <div class="commit-changes">
-          <div class="text"><a class="commit" {{bind-attr href="controller.urlGithubCommit"}}>Commit {{formatSha job.commit.sha}}</a></div><img src="/images/icons/github.png" height="15"/>
+          <div class="text"><a class="commit" {{bind-attr href="controller.urlGithubCommit"}}>Commit {{formatSha job.commit.sha}}</a></div><img src="/images/icons/github.svg" height="15"/>
           {{#if job.build.pullRequest}}
-            <div class="text"><a class="compare" {{bind-attr href="job.commit.compareUrl"}} >#{{job.build.pullRequestNumber}}: {{job.build.pullRequestTitle}}</a></div><img src="/images/icons/github.png"/>
+            <div class="text"><a class="compare" {{bind-attr href="job.commit.compareUrl"}} >#{{job.build.pullRequestNumber}}: {{job.build.pullRequestTitle}}</a></div><img src="/images/icons/github.svg"/>
           {{else}}
             {{#if job.commit.compareUrl}}
-              <div class="text"><a class="compare" {{bind-attr href="job.commit.compareUrl"}}>Compare {{shortCompareShas job.commit.compareUrl}}</a></div><img src="/images/icons/github.png"/>
+              <div class="text"><a class="compare" {{bind-attr href="job.commit.compareUrl"}}>Compare {{shortCompareShas job.commit.compareUrl}}</a></div><img src="/images/icons/github.svg"/>
             {{/if}}
           {{/if}}
         </div>
diff --git a/assets/scripts/app/templates/repos/show.hbs b/assets/scripts/app/templates/repos/show.hbs
index 9b80786a..ff253def 100644
--- a/assets/scripts/app/templates/repos/show.hbs
+++ b/assets/scripts/app/templates/repos/show.hbs
@@ -6,7 +6,7 @@
       {{#with repo}}
         <div id="repo-header">
           <h3>{{#link-to "repo" this}}{{slug}}{{/link-to}}</h3>
-          <div class="github-icon"><a {{bind-attr href="controller.urlGithub"}}><img src="/images/icons/github.png" width="21" height="21"/></a></div>
+          <div class="github-icon"><a {{bind-attr href="controller.urlGithub"}}><img src="/images/icons/github.svg" width="21" height="21"/></a></div>
           {{view Travis.RepoShowToolsView}}
         </div>
 
diff --git a/assets/scripts/app/templates/repos/show/actions.hbs b/assets/scripts/app/templates/repos/show/actions.hbs
index 72382323..c6626123 100644
--- a/assets/scripts/app/templates/repos/show/actions.hbs
+++ b/assets/scripts/app/templates/repos/show/actions.hbs
@@ -3,13 +3,13 @@
     {{#if view.displayCancelBuild}}
       <li class="icon" title="Cancel Build">
         <a href="#" {{action "cancelBuild" target="view"}}
-          {{bind-attr class="view.canCancelBuild::disabled"}}><img class="icon" src="/images/icons/off.png" width="20"></a>
+          {{bind-attr class="view.canCancelBuild::disabled"}}><img class="icon" src="/images/icons/off.svg" width="20"></a>
       </li>
     {{/if}}
     {{#if view.displayCancelJob}}
       <li class="icon" title="Cancel Job">
         <a href="#" {{action "cancelJob" target="view"}}
-          {{bind-attr class="view.canCancelJob::disabled"}}><img class="icon" width="20" src="/images/icons/off.png"/></a>
+          {{bind-attr class="view.canCancelJob::disabled"}}><img class="icon" width="20" src="/images/icons/off.svg"/></a>
       </li>
     {{/if}}
     {{#if view.displayRequeueBuild}}
@@ -18,7 +18,7 @@
           <span class="icon loading"></span>
         {{else}}
           <a href="#" {{action "requeueBuild" target="view"}}
-            {{bind-attr class="view.canRequeueBuild::disabled"}}><img class="icon" src="/images/icons/repeat.png" width="20"></a>
+            {{bind-attr class="view.canRequeueBuild::disabled"}}><img class="icon" src="/images/icons/repeat.svg" width="20"></a>
         {{/if}}
       </li>
     {{/if}}
@@ -28,7 +28,7 @@
           <span class="icon loading"></span>
         {{else}}
           <a href="#" {{action "requeueJob" target="view"}}
-            {{bind-attr class="view.canRequeueJob::disabled"}}><img src="/images/icons/repeat.png" width="20"></a>
+            {{bind-attr class="view.canRequeueJob::disabled"}}><img src="/images/icons/repeat.svg" width="20"></a>
         {{/if}}
       </li>
     {{/if}}
@@ -36,7 +36,7 @@
              does not refresh 'if' properly, need further investigation}}
     {{#if view.jobIdForLog}}
       <li class="icon" title="Download Log">
-        <a class="download-log" {{bind-attr href="view.plainTextLogUrl"}}><img class="icon" src="/images/icons/align-justify.png" width="20"/></a>
+        <a class="download-log" {{bind-attr href="view.plainTextLogUrl"}}><img class="icon" src="/images/icons/logs.svg" width="20"/></a>
       </li>
     {{/if}}
     {{#if view.displayCodeClimate}}
@@ -44,7 +44,7 @@
         <a href="#" name="code-climate"
           {{action "codeClimatePopup" target="view"}}
           {{bind-attr class=":open-popup"}}>
-          <img src="/images/icons/code-climate-icon.png"/>
+          <img src="/images/icons/code-climate-icon.svg"/>
         </a>
       </li>
     {{/if}}
diff --git a/assets/scripts/app/templates/repos/show/tools.hbs b/assets/scripts/app/templates/repos/show/tools.hbs
index bfc24675..b5846fa9 100644
--- a/assets/scripts/app/templates/repos/show/tools.hbs
+++ b/assets/scripts/app/templates/repos/show/tools.hbs
@@ -55,7 +55,7 @@
 </div>
 
 <div id="code-climate" class="popup">
-  <img src="/images/icons/code-climate-logo.png" id="code-climate-logo"/>
+  <img src="/images/icons/code-climate-logo.svg" id="code-climate-logo"/>
   <a href="#" class="close" {{action "popupClose" target="view"}}></a>
   <p>
     <b>Want test coverage for your tests?</b>
diff --git a/assets/styles/app.sass b/assets/styles/app.sass
index 24cc1be4..a44c2c77 100644
--- a/assets/styles/app.sass
+++ b/assets/styles/app.sass
@@ -22,7 +22,7 @@ li
   padding: 0
 
 .github-link
-  background: transparent url(/images/icons/github.png) center right no-repeat
+  background: transparent url(/images/icons/github.svg) center right no-repeat
   background-size: 12px
   opacity: 1
   padding-right: 16px
@@ -30,4 +30,4 @@ li
   &.only-on-hover
     background-image: none
   &.only-on-hover:hover
-    background-image: url(/images/icons/github.png)
+    background-image: url(/images/icons/github.svg)
diff --git a/assets/styles/app/loading.sass b/assets/styles/app/loading.sass
index 2f2a2584..a34b7f22 100644
--- a/assets/styles/app/loading.sass
+++ b/assets/styles/app/loading.sass
@@ -6,7 +6,7 @@
     padding-right: 25px
     font-size: $font-size-small
     color: $color-text-lighter
-    background: inline-image('ui/spinner.gif') no-repeat right 4px
+    background: inline-image('ui/spinner.svg') no-repeat right 4px
 
   .loading
     display: none
@@ -15,5 +15,5 @@ span.loading, span.saving
   padding: 0 25px 0 0
   font-size: $font-size-small
   color: $color-text-lighter
-  background: inline-image('ui/spinner.gif') no-repeat right 4px
+  background: inline-image('ui/spinner.svg') no-repeat right 4px
 
diff --git a/assets/styles/app/popup.sass b/assets/styles/app/popup.sass
index 1774dcd7..708741e1 100644
--- a/assets/styles/app/popup.sass
+++ b/assets/styles/app/popup.sass
@@ -6,7 +6,7 @@
   width: 16px
   margin: -4px 0 0 3px
   vertical-align: middle
-  background: inline-image('ui/help.png') no-repeat scroll 0 3px transparent
+  background: inline-image('ui/help.svg') no-repeat scroll 0 3px transparent
   cursor: pointer
 
 .popup
@@ -24,7 +24,7 @@
     top: 10px
     width: 16px
     height: 16px
-    background: inline-image('ui/close.png') no-repeat 0 0
+    background: inline-image('ui/close.svg') no-repeat 0 0
 
   h4
     margin-top: 0
diff --git a/assets/styles/layout.sass b/assets/styles/layout.sass
index 3e9faa0c..cd38170d 100644
--- a/assets/styles/layout.sass
+++ b/assets/styles/layout.sass
@@ -65,7 +65,8 @@ html, body
     margin-right: 1px
     text-indent: -200px
     overflow: hidden
-    background: inline-image('ui/clock.png') no-repeat 0px 3px
+    background: inline-image('ui/clock.svg') no-repeat 0px 3px
+    background-size: contain
 
 @media screen and (max-width: 1310px)
   #left .finished_at_label
diff --git a/assets/styles/left.sass b/assets/styles/left.sass
index 4a80d978..8f95f077 100644
--- a/assets/styles/left.sass
+++ b/assets/styles/left.sass
@@ -14,5 +14,6 @@
       font-size: $font-size-small
       @include box-sizing(border-box)
       border: 0
-      background: $color-bg-input inline-image('ui/search.png') no-repeat right 8px
+      background: $color-bg-input inline-image('ui/search.svg') no-repeat 95%
+      background-size: 5%
 
diff --git a/assets/styles/left/list.sass b/assets/styles/left/list.sass
index e81d8d9d..8750396d 100644
--- a/assets/styles/left/list.sass
+++ b/assets/styles/left/list.sass
@@ -48,7 +48,7 @@
       width: 10px
       height: 10px
       margin-right: 5px
-      background-image: inline-image('ui/clock.png')
+      background-image: inline-image('ui/clock.svg')
       background-size: cover
 
     .finished-icon
@@ -56,7 +56,7 @@
       width: 10px
       height: 10px
       margin-right: 5px
-      background-image: inline-image('ui/cal.png')
+      background-image: inline-image('ui/cal.svg')
       background-size: cover
 
     .info
@@ -103,10 +103,10 @@
     margin-left: -4px
     padding-left: 52px
     &.user
-      background-image: inline-image('ui/user.png')
+      background-image: inline-image('ui/user.svg')
       background-position: 29px 18px
     &.organization
-      background-image: inline-image('ui/org.png')
+      background-image: inline-image('ui/org.svg')
       background-position: 24px 18px
     .summary
       margin-left: 0
diff --git a/assets/styles/main/log.sass b/assets/styles/main/log.sass
index 977d2cf7..5e7dd6b7 100644
--- a/assets/styles/main/log.sass
+++ b/assets/styles/main/log.sass
@@ -55,7 +55,7 @@ pre#log
 
     // &.active
     p:first-of-type
-      background: $color-bg-log-fold inline-image('ui/log.fold.open.2.png') no-repeat 8px 3px
+      background: $color-bg-log-fold inline-image('ui/log.fold.open.2.svg') no-repeat 8px 3px
       &.highlight
         background-color: $color-bg-log-fold-highlight
 
@@ -63,7 +63,7 @@ pre#log
       visibility: visible
       height: auto
       min-height: 16px
-      background-image: inline-image('ui/log.fold.closed.3.png')
+      background-image: inline-image('ui/log.fold.closed.3.svg')
 
     .fold-name
       position: absolute
@@ -150,4 +150,4 @@ pre#log
     padding-right: 16px
     text-align: right
     color: #999
-    background: inline-image('ui/to-top.png') no-repeat right 6px
+    background: inline-image('ui/workers-close.svg') no-repeat right 6px
diff --git a/assets/styles/maximize.sass b/assets/styles/maximize.sass
index da4278d4..dd907a8a 100644
--- a/assets/styles/maximize.sass
+++ b/assets/styles/maximize.sass
@@ -15,7 +15,7 @@
     left: -20px
     width: 20px
     height: 20px
-    background-image: inline-image('ui/slider-open.png')
+    background-image: inline-image('ui/slider-open.svg')
     background-position: 6px 5px
     @include border-bottom-left-radius(4px)
 
diff --git a/assets/styles/right/lists.sass b/assets/styles/right/lists.sass
index bb23ea6e..0ad786c8 100644
--- a/assets/styles/right/lists.sass
+++ b/assets/styles/right/lists.sass
@@ -49,9 +49,9 @@
     width: 10px
     height: 10px
     cursor: pointer
-    background: inline-image('ui/workers-open.png') no-repeat left 5px
+    background: inline-image('ui/workers-open.svg') no-repeat left 5px
     &.open
-      background-image: inline-image('ui/workers-close.png')
+      background-image: inline-image('ui/workers-close.svg')
 
   #workers li ul
     display: none
diff --git a/assets/styles/top.sass b/assets/styles/top.sass
index 07c2c4c8..cee4c573 100644
--- a/assets/styles/top.sass
+++ b/assets/styles/top.sass
@@ -11,7 +11,7 @@
     height: 30px
     margin: 12px 40px 0 22px
     text-indent: -9999px
-    background: inline-image('ui/logo.png') no-repeat
+    background: inline-image('ui/logo.svg') no-repeat
     background-size: cover
 
   ul
@@ -81,7 +81,7 @@
       display: block
 
     .signing-in
-      background: inline-image('ui/spinner.gif') no-repeat 110px 22px
+      background: inline-image('ui/spinner.svg') no-repeat 110px 22px
 
     img
       position: absolute