From 6513ed7607b856e72e4a9aa56aaf18723e369ce1 Mon Sep 17 00:00:00 2001
From: rummik <r@9k1.us>
Date: Tue, 13 Jan 2015 21:04:47 -0500
Subject: [PATCH] Fix gray fuzzy edges around the right-hand color in the flat
 template

---
 templates/flat-template.svg | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/templates/flat-template.svg b/templates/flat-template.svg
index 8868bdd..ab761e6 100644
--- a/templates/flat-template.svg
+++ b/templates/flat-template.svg
@@ -3,10 +3,17 @@
     <stop offset="0" stop-color="#bbb" stop-opacity=".1"/>
     <stop offset="1" stop-opacity=".1"/>
   </linearGradient>
-  <rect rx="3" width="{{=it.widths[0]+it.widths[1]}}" height="20" fill="{{=it.escapeXml(it.colorA||"#555")}}"/>
-  <rect rx="3" x="{{=it.widths[0]}}" width="{{=it.widths[1]}}" height="20" fill="{{=it.escapeXml(it.colorB||"#4c1")}}"/>
-  <rect x="{{=it.widths[0]}}" width="4" height="20" fill="{{=it.escapeXml(it.colorB||"#4c1")}}"/>
-  <rect rx="3" width="{{=it.widths[0]+it.widths[1]}}" height="20" fill="url(#smooth)"/>
+
+  <mask id="test">
+    <rect width="{{=it.widths[0]+it.widths[1]}}" height="20" rx="3" fill="#fff" />
+  </mask>
+
+  <g mask="url(#test)">
+    <rect width="{{=it.widths[0]}}" height="20" fill="{{=it.escapeXml(it.colorA||"#555")}}"/>
+    <rect x="{{=it.widths[0]}}" width="{{=it.widths[1]}}" height="20" fill="{{=it.escapeXml(it.colorB||"#4c1")}}"/>
+    <rect width="{{=it.widths[0]+it.widths[1]}}" height="20" fill="url(#smooth)"/>
+  </g>
+
   <g fill="#fff" text-anchor="middle" font-family="DejaVu Sans,Verdana,Geneva,sans-serif" font-size="11">
     <text x="{{=it.widths[0]/2+1}}" y="15" fill="#010101" fill-opacity=".3">{{=it.escapeXml(it.text[0])}}</text>
     <text x="{{=it.widths[0]/2+1}}" y="14">{{=it.escapeXml(it.text[0])}}</text>