albanm/shields-lightweight

<svg xmlns="http://www.w3.org/2000/svg" width="{{=it.widths[0]+it.widths[1]}}" height="18">
  <linearGradient id="smooth" x2="0" y2="100%">
    <stop offset="0"  stop-color="#fff" stop-opacity=".7"/>
    <stop offset=".1" stop-color="#aaa" stop-opacity=".1"/>
    <stop offset=".9" stop-color="#000" stop-opacity=".3"/>
    <stop offset="1"  stop-color="#000" stop-opacity=".5"/>
  </linearGradient>
  <rect rx="4" width="{{=it.widths[0]+it.widths[1]}}" height="18" fill="{{=it.escapeXml(it.colors.colorA||"#555")}}"/>
  <rect rx="4" x="{{=it.widths[0]}}" width="{{=it.widths[1]}}" height="18" fill="{{=it.escapeXml(it.colors.colorB||"#4c1")}}"/>
  <rect x="{{=it.widths[0]}}" width="4" height="18" fill="{{=it.escapeXml(it.colors.colorB||"#4c1")}}"/>
  <rect rx="4" width="{{=it.widths[0]+it.widths[1]}}" height="18" fill="url(#smooth)"/>
  <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="14" fill="#010101" fill-opacity=".3">{{=it.escapeXml(it.subject)}}</text>
    <text x="{{=it.widths[0]/2+1}}" y="13">{{=it.escapeXml(it.subject)}}</text>
    <text x="{{=it.widths[0]+it.widths[1]/2-1}}" y="14" fill="#010101" fill-opacity=".3">{{=it.escapeXml(it.status)}}</text>
    <text x="{{=it.widths[0]+it.widths[1]/2-1}}" y="13">{{=it.escapeXml(it.status)}}</text>
  </g>
</svg>