diff --git a/img/build-error.svg b/img/build-error.svg
index de96e6b92d..bd2d6014c4 100644
--- a/img/build-error.svg
+++ b/img/build-error.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="71" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#d6d6d6"/><stop offset=".1" stop-color="#9f9f9f"/><stop offset=".9" stop-color="#707070"/><stop offset="1" stop-color="#515151"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="71" height="18" fill="url(#a)"/><rect rx="4" x="35" width="36" height="18" fill="url(#b)"/><rect x="35" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="17.5" y="12" filter="url(#c)">build</text><text x="53" y="12" filter="url(#c)">error</text></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="73" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#d6d6d6"/><stop offset=".1" stop-color="#9f9f9f"/><stop offset=".9" stop-color="#707070"/><stop offset="1" stop-color="#515151"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="73" height="18" fill="url(#a)"/><rect rx="4" x="37" width="36" height="18" fill="url(#b)"/><rect x="37" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="18.5" y="12" filter="url(#c)">build</text><text x="55" y="12" filter="url(#c)">error</text></g></svg>
\ No newline at end of file
diff --git a/img/build-failing.svg b/img/build-failing.svg
index 760f2d311a..d4af07fb5b 100644
--- a/img/build-failing.svg
+++ b/img/build-failing.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="79" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffac9c"/><stop offset=".1" stop-color="#e05d44"/><stop offset=".9" stop-color="#9e4230"/><stop offset="1" stop-color="#722f22"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="79" height="18" fill="url(#a)"/><rect rx="4" x="35" width="44" height="18" fill="url(#b)"/><rect x="35" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="17.5" y="12" filter="url(#c)">build</text><text x="57" y="12" filter="url(#c)">failing</text></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="81" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffac9c"/><stop offset=".1" stop-color="#e05d44"/><stop offset=".9" stop-color="#9e4230"/><stop offset="1" stop-color="#722f22"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="81" height="18" fill="url(#a)"/><rect rx="4" x="37" width="44" height="18" fill="url(#b)"/><rect x="37" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="18.5" y="12" filter="url(#c)">build</text><text x="59" y="12" filter="url(#c)">failing</text></g></svg>
\ No newline at end of file
diff --git a/img/build-passed.svg b/img/build-passed.svg
index 262d1fc471..882749d329 100644
--- a/img/build-passed.svg
+++ b/img/build-passed.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="83" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#8f6"/><stop offset=".1" stop-color="#4c1"/><stop offset=".9" stop-color="#3b0"/><stop offset="1" stop-color="#370"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="83" height="18" fill="url(#a)"/><rect rx="4" x="35" width="48" height="18" fill="url(#b)"/><rect x="35" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="17.5" y="12" filter="url(#c)">build</text><text x="59" y="12" filter="url(#c)">passed</text></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="87" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#8f6"/><stop offset=".1" stop-color="#4c1"/><stop offset=".9" stop-color="#3b0"/><stop offset="1" stop-color="#370"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="87" height="18" fill="url(#a)"/><rect rx="4" x="37" width="50" height="18" fill="url(#b)"/><rect x="37" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="18.5" y="12" filter="url(#c)">build</text><text x="62" y="12" filter="url(#c)">passed</text></g></svg>
\ No newline at end of file
diff --git a/img/build-passing.svg b/img/build-passing.svg
index 7c6a64111b..1aa0e1df1c 100644
--- a/img/build-passing.svg
+++ b/img/build-passing.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="87" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#8f6"/><stop offset=".1" stop-color="#4c1"/><stop offset=".9" stop-color="#3b0"/><stop offset="1" stop-color="#370"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="87" height="18" fill="url(#a)"/><rect rx="4" x="35" width="52" height="18" fill="url(#b)"/><rect x="35" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="17.5" y="12" filter="url(#c)">build</text><text x="61" y="12" filter="url(#c)">passing</text></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="90" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#8f6"/><stop offset=".1" stop-color="#4c1"/><stop offset=".9" stop-color="#3b0"/><stop offset="1" stop-color="#370"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="90" height="18" fill="url(#a)"/><rect rx="4" x="37" width="53" height="18" fill="url(#b)"/><rect x="37" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="18.5" y="12" filter="url(#c)">build</text><text x="63.5" y="12" filter="url(#c)">passing</text></g></svg>
\ No newline at end of file
diff --git a/img/build-pending.svg b/img/build-pending.svg
index 53976774fe..2928552f9d 100644
--- a/img/build-pending.svg
+++ b/img/build-pending.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="89" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffe37f"/><stop offset=".1" stop-color="#dfb317"/><stop offset=".9" stop-color="#9f8010"/><stop offset="1" stop-color="#8a6f0e"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="89" height="18" fill="url(#a)"/><rect rx="4" x="35" width="54" height="18" fill="url(#b)"/><rect x="35" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="17.5" y="12" filter="url(#c)">build</text><text x="62" y="12" filter="url(#c)">pending</text></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="92" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffe37f"/><stop offset=".1" stop-color="#dfb317"/><stop offset=".9" stop-color="#9f8010"/><stop offset="1" stop-color="#8a6f0e"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="92" height="18" fill="url(#a)"/><rect rx="4" x="37" width="55" height="18" fill="url(#b)"/><rect x="37" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="18.5" y="12" filter="url(#c)">build</text><text x="64.5" y="12" filter="url(#c)">pending</text></g></svg>
\ No newline at end of file
diff --git a/img/build-unknown.svg b/img/build-unknown.svg
index d9efaa3938..9cdd550516 100644
--- a/img/build-unknown.svg
+++ b/img/build-unknown.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="93" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#d6d6d6"/><stop offset=".1" stop-color="#9f9f9f"/><stop offset=".9" stop-color="#707070"/><stop offset="1" stop-color="#515151"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="93" height="18" fill="url(#a)"/><rect rx="4" x="35" width="58" height="18" fill="url(#b)"/><rect x="35" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="17.5" y="12" filter="url(#c)">build</text><text x="64" y="12" filter="url(#c)">unknown</text></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="96" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#d6d6d6"/><stop offset=".1" stop-color="#9f9f9f"/><stop offset=".9" stop-color="#707070"/><stop offset="1" stop-color="#515151"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="96" height="18" fill="url(#a)"/><rect rx="4" x="37" width="59" height="18" fill="url(#b)"/><rect x="37" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="18.5" y="12" filter="url(#c)">build</text><text x="66.5" y="12" filter="url(#c)">unknown</text></g></svg>
\ No newline at end of file
diff --git a/img/cheez-whiz.svg b/img/cheez-whiz.svg
index a616eb3de3..69b0b5364d 100644
--- a/img/cheez-whiz.svg
+++ b/img/cheez-whiz.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="74" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffe37f"/><stop offset=".1" stop-color="#dfb317"/><stop offset=".9" stop-color="#9f8010"/><stop offset="1" stop-color="#8a6f0e"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="74" height="18" fill="url(#a)"/><rect rx="4" x="41" width="33" height="18" fill="url(#b)"/><rect x="41" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="20.5" y="12" filter="url(#c)">cheez</text><text x="57.5" y="12" filter="url(#c)">whiz</text></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="75" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffe37f"/><stop offset=".1" stop-color="#dfb317"/><stop offset=".9" stop-color="#9f8010"/><stop offset="1" stop-color="#8a6f0e"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="75" height="18" fill="url(#a)"/><rect rx="4" x="42" width="33" height="18" fill="url(#b)"/><rect x="42" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="21" y="12" filter="url(#c)">cheez</text><text x="58.5" y="12" filter="url(#c)">whiz</text></g></svg>
\ No newline at end of file
diff --git a/img/coverage.svg b/img/coverage.svg
index 7b3c41e4ce..99fdb429f9 100644
--- a/img/coverage.svg
+++ b/img/coverage.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="92" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffac9c"/><stop offset=".1" stop-color="#e05d44"/><stop offset=".9" stop-color="#9e4230"/><stop offset="1" stop-color="#722f22"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="92" height="18" fill="url(#a)"/><rect rx="4" x="58" width="34" height="18" fill="url(#b)"/><rect x="58" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="29" y="12" filter="url(#c)">coverage</text><text x="75" y="12" filter="url(#c)">73%</text></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="95" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffac9c"/><stop offset=".1" stop-color="#e05d44"/><stop offset=".9" stop-color="#9e4230"/><stop offset="1" stop-color="#722f22"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="95" height="18" fill="url(#a)"/><rect rx="4" x="60" width="35" height="18" fill="url(#b)"/><rect x="60" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="30" y="12" filter="url(#c)">coverage</text><text x="77.5" y="12" filter="url(#c)">73%</text></g></svg>
\ No newline at end of file
diff --git a/img/dependencies-none.svg b/img/dependencies-none.svg
index 7fa5dbb76a..0f35cd203a 100644
--- a/img/dependencies-none.svg
+++ b/img/dependencies-none.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="122" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#D1F171"/><stop offset=".1" stop-color="#97CA00"/><stop offset=".9" stop-color="#6B8F00"/><stop offset="1" stop-color="#4D6700"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="122" height="18" fill="url(#a)"/><rect rx="4" x="85" width="37" height="18" fill="url(#b)"/><rect x="85" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="42.5" y="12" filter="url(#c)">dependencies</text><text x="103.5" y="12" filter="url(#c)">none</text></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="125" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#D1F171"/><stop offset=".1" stop-color="#97CA00"/><stop offset=".9" stop-color="#6B8F00"/><stop offset="1" stop-color="#4D6700"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="125" height="18" fill="url(#a)"/><rect rx="4" x="87" width="38" height="18" fill="url(#b)"/><rect x="87" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="43.5" y="12" filter="url(#c)">dependencies</text><text x="106" y="12" filter="url(#c)">none</text></g></svg>
\ No newline at end of file
diff --git a/img/dependencies-out-of-date.svg b/img/dependencies-out-of-date.svg
index 0a7d72cd34..2850568927 100644
--- a/img/dependencies-out-of-date.svg
+++ b/img/dependencies-out-of-date.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="155" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffe37f"/><stop offset=".1" stop-color="#dfb317"/><stop offset=".9" stop-color="#9f8010"/><stop offset="1" stop-color="#8a6f0e"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="155" height="18" fill="url(#a)"/><rect rx="4" x="85" width="70" height="18" fill="url(#b)"/><rect x="85" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="42.5" y="12" filter="url(#c)">dependencies</text><text x="120" y="12" filter="url(#c)">out of date</text></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="159" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffe37f"/><stop offset=".1" stop-color="#dfb317"/><stop offset=".9" stop-color="#9f8010"/><stop offset="1" stop-color="#8a6f0e"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="159" height="18" fill="url(#a)"/><rect rx="4" x="87" width="72" height="18" fill="url(#b)"/><rect x="87" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="43.5" y="12" filter="url(#c)">dependencies</text><text x="123" y="12" filter="url(#c)">out of date</text></g></svg>
\ No newline at end of file
diff --git a/img/dependencies-unknown.svg b/img/dependencies-unknown.svg
index e1fcab369f..95c57520a2 100644
--- a/img/dependencies-unknown.svg
+++ b/img/dependencies-unknown.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="143" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#d6d6d6"/><stop offset=".1" stop-color="#9f9f9f"/><stop offset=".9" stop-color="#707070"/><stop offset="1" stop-color="#515151"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="143" height="18" fill="url(#a)"/><rect rx="4" x="85" width="58" height="18" fill="url(#b)"/><rect x="85" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="42.5" y="12" filter="url(#c)">dependencies</text><text x="114" y="12" filter="url(#c)">unknown</text></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="146" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#d6d6d6"/><stop offset=".1" stop-color="#9f9f9f"/><stop offset=".9" stop-color="#707070"/><stop offset="1" stop-color="#515151"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="146" height="18" fill="url(#a)"/><rect rx="4" x="87" width="59" height="18" fill="url(#b)"/><rect x="87" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="43.5" y="12" filter="url(#c)">dependencies</text><text x="116.5" y="12" filter="url(#c)">unknown</text></g></svg>
\ No newline at end of file
diff --git a/img/dependencies-up-to-date.svg b/img/dependencies-up-to-date.svg
index 81d9577b32..d695e6d34b 100644
--- a/img/dependencies-up-to-date.svg
+++ b/img/dependencies-up-to-date.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="155" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#D1F171"/><stop offset=".1" stop-color="#97CA00"/><stop offset=".9" stop-color="#6B8F00"/><stop offset="1" stop-color="#4D6700"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="155" height="18" fill="url(#a)"/><rect rx="4" x="85" width="70" height="18" fill="url(#b)"/><rect x="85" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="42.5" y="12" filter="url(#c)">dependencies</text><text x="120" y="12" filter="url(#c)">up-to-date</text></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="157" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#D1F171"/><stop offset=".1" stop-color="#97CA00"/><stop offset=".9" stop-color="#6B8F00"/><stop offset="1" stop-color="#4D6700"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="157" height="18" fill="url(#a)"/><rect rx="4" x="87" width="70" height="18" fill="url(#b)"/><rect x="87" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="43.5" y="12" filter="url(#c)">dependencies</text><text x="122" y="12" filter="url(#c)">up-to-date</text></g></svg>
\ No newline at end of file
diff --git a/img/dependencies-update.svg b/img/dependencies-update.svg
index 67170d8bdb..add29f1295 100644
--- a/img/dependencies-update.svg
+++ b/img/dependencies-update.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="139" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffac9c"/><stop offset=".1" stop-color="#e05d44"/><stop offset=".9" stop-color="#9e4230"/><stop offset="1" stop-color="#722f22"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="139" height="18" fill="url(#a)"/><rect rx="4" x="85" width="54" height="18" fill="url(#b)"/><rect x="85" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="42.5" y="12" filter="url(#c)">dependencies</text><text x="112" y="12" filter="url(#c)">update!</text></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="140" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#ffac9c"/><stop offset=".1" stop-color="#e05d44"/><stop offset=".9" stop-color="#9e4230"/><stop offset="1" stop-color="#722f22"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="140" height="18" fill="url(#a)"/><rect rx="4" x="87" width="53" height="18" fill="url(#b)"/><rect x="87" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="43.5" y="12" filter="url(#c)">dependencies</text><text x="113.5" y="12" filter="url(#c)">update!</text></g></svg>
\ No newline at end of file
diff --git a/img/tips-per-week.svg b/img/tips-per-week.svg
index 2f6029ba13..3c12376f67 100644
--- a/img/tips-per-week.svg
+++ b/img/tips-per-week.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="95" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#98cb03"/><stop offset=".1" stop-color="#94c600"/><stop offset=".9" stop-color="#6c9100"/><stop offset="1" stop-color="#4d6700"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="95" height="18" fill="url(#a)"/><rect rx="4" x="30" width="65" height="18" fill="url(#b)"/><rect x="30" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="15" y="12" filter="url(#c)">tips</text><text x="62.5" y="12" filter="url(#c)">$21/week</text></g></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="94" height="19"><linearGradient id="a" x2="0" y2="100%"><stop offset="0" stop-color="#aaa"/><stop offset=".1" stop-color="#666"/><stop offset=".9" stop-color="#444"/><stop offset="1" stop-color="#222"/></linearGradient><linearGradient id="b" x2="0" y2="100%"><stop offset="0" stop-color="#98cb03"/><stop offset=".1" stop-color="#94c600"/><stop offset=".9" stop-color="#6c9100"/><stop offset="1" stop-color="#4d6700"/></linearGradient><filter id="c"><feOffset dy="1" in="SourceAlpha"/><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 .3 0"/><feMerge><feMergeNode/><feMergeNode in="SourceGraphic"/><feMergeNode in="SourceGraphic"/></feMerge></filter><rect rx="4" width="94" height="18" fill="url(#a)"/><rect rx="4" x="30" width="64" height="18" fill="url(#b)"/><rect x="30" width="4" height="18" fill="url(#b)"/><g fill="#fff" text-anchor="middle" font-family="Verdana, sans-serif" font-size="10"><text x="15" y="12" filter="url(#c)">tips</text><text x="62" y="12" filter="url(#c)">$21/week</text></g></svg>
\ No newline at end of file
diff --git a/make.js b/make.js
index 31c844c139..a065706be5 100644
--- a/make.js
+++ b/make.js
@@ -1,8 +1,16 @@
 var fs = require('fs');
 var path = require('path');
 var Promise = require('es6-promise').Promise;
-var dot = require('dot');
 var SVGO = require('svgo');
+
+// Initialize what will be used for automatic text measurement.
+var Canvas = require('canvas');
+var canvasElement = new Canvas(0, 0);   // Width and height are irrelevant.
+var canvasContext = canvasElement.getContext('2d');
+canvasContext.font = '10px Verdana';
+
+// Template crafting action below.
+var dot = require('dot');
 var badgeData = require('./badges.json');
 var badges = badgeData.badges;
 var colorscheme = badgeData.colorschemes;
@@ -26,6 +34,10 @@ function makeImage(name, data, cb) {
     data.colorA = colorscheme[data.colorscheme].colorA;
     data.colorB = colorscheme[data.colorscheme].colorB;
   }
+  data.widths = [
+    (canvasContext.measureText(data.text[0]).width|0) + 10,
+    (canvasContext.measureText(data.text[1]).width|0) + 10,
+  ];
   var result = imageTemplate(data);
   // Run the SVG through SVGO.
   optimize(result, function(object) {
diff --git a/package.json b/package.json
index 110b7d84f0..1793d3bdae 100644
--- a/package.json
+++ b/package.json
@@ -11,6 +11,7 @@
   "dependencies": {
     "dot": ">=1.0.2",
     "svgo": "~0.4.2",
+    "canvas": "~1.1.2",
     "es6-promise": "~0.1.1"
   }
 }