.github/images/accents-light.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg width="500" height="184" version="1.1" viewBox="0 0 500 184" xmlns="http://www.w3.org/2000/svg">
 <defs>
  <clipPath id="clipPath334">
   <rect width="500" height="184" rx="14.218" ry="12" fill="#222" stroke-width=".26458"/>
  </clipPath>
  <clipPath id="clipPath914">
   <circle cx="52" cy="52" r="36"/>
  </clipPath>
  <clipPath id="clipPath1175">
   <circle cx="52" cy="132" r="36"/>
  </clipPath>
  <clipPath id="clipPath1195">
   <circle cx="132" cy="52" r="36"/>
  </clipPath>
  <clipPath id="clipPath1199">
   <circle cx="132" cy="132" r="36"/>
  </clipPath>
  <clipPath id="clipPath1203">
   <circle cx="212" cy="52" r="36"/>
  </clipPath>
  <clipPath id="clipPath1207">
   <circle cx="212" cy="132" r="36"/>
  </clipPath>
  <clipPath id="clipPath1211">
   <circle cx="292" cy="52" r="36"/>
  </clipPath>
  <clipPath id="clipPath1215">
   <circle cx="292" cy="132" r="36"/>
  </clipPath>
  <clipPath id="clipPath1219">
   <circle cx="372" cy="52" r="36"/>
  </clipPath>
  <clipPath id="clipPath1223">
   <circle cx="452" cy="52" r="36"/>
  </clipPath>
  <clipPath id="clipPath1227">
   <circle cx="372" cy="132" r="36"/>
  </clipPath>
  <clipPath id="clipPath1231">
   <circle cx="452" cy="132" r="36"/>
  </clipPath>
 </defs>
 <rect x=".08851" y=".08851" width="499.82" height="183.82" rx="14.218" ry="12" clip-path="url(#clipPath334)" fill="#f7f7f7" stroke="#000" stroke-opacity=".08" stroke-width="2.177"/>
 <g stroke="#fff" stroke-opacity=".1" stroke-width="2">
  <circle cx="52" cy="52" r="36" clip-path="url(#clipPath914)" fill="#ed5b28"/>
  <circle cx="132" cy="52" r="36" clip-path="url(#clipPath1195)" fill="#8d6b4c"/>
  <circle cx="212" cy="52" r="36" clip-path="url(#clipPath1203)" fill="#737d5a"/>
  <circle cx="292" cy="52" r="36" clip-path="url(#clipPath1211)" fill="#518e3c"/>
  <circle cx="372" cy="52" r="36" clip-path="url(#clipPath1219)" fill="#1fa36a"/>
  <circle cx="132" cy="132" r="36" clip-path="url(#clipPath1199)" fill="#465acb"/>
  <circle cx="212" cy="132" r="36" clip-path="url(#clipPath1207)" fill="#9851c4"/>
 </g>
 <text transform="matrix(.26458 0 0 .26458 5 0)" fill="#da3450" style="shape-inside:url(#rect10671);white-space:pre" xml:space="preserve"/>
 <text transform="matrix(.26458 0 0 .26458 5 0)" fill="#000000" font-family="Cantarell" font-size="17.333px" font-weight="bold" text-align="center" style="shape-inside:url(#rect16048);white-space:pre" xml:space="preserve"/>
 <g fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458" text-anchor="middle">
  <text x="131.30176" y="57.467785" text-align="center" xml:space="preserve"><tspan x="131.30176" y="57.467785" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458">Bark</tspan></text>
  <text x="211.90691" y="55.917324" text-align="center" xml:space="preserve"><tspan x="211.90691" y="55.917324" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458">Sage</tspan></text>
  <text x="291.97852" y="57.467785" text-align="center" xml:space="preserve"><tspan x="291.97852" y="57.467785" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458"><tspan font-family="sans-serif" font-size="14.667px">Oliv</tspan>e</tspan></text>
  <text x="372.56577" y="57.467785" text-align="center" xml:space="preserve"><tspan x="372.56577" y="57.467785" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458">Viridian</tspan></text>
 </g>
 <circle cx="452" cy="52" r="36" clip-path="url(#clipPath1223)" fill="#27b397" stroke="#fff" stroke-opacity=".1" stroke-width="2"/>
 <text x="451.90332" y="49.467785" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458" text-align="center" text-anchor="middle" style="line-height:16px" xml:space="preserve"><tspan x="451.90332" y="49.467785"><tspan x="451.90332" y="49.467785" font-family="sans-serif" font-size="14.667px">Prussian</tspan></tspan><tspan x="451.90332" y="65.467789">Green</tspan></text>
 <text x="131.67058" y="137.46779" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="131.67058" y="137.46779" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458">Blue</tspan></text>
 <circle cx="52" cy="132" r="36" clip-path="url(#clipPath1175)" fill="#5298ce" stroke="#fff" stroke-opacity=".1" stroke-width="2"/>
 <text transform="translate(-.15462 -7.8711)" x="51.609695" y="137.33887" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458" text-align="center" text-anchor="middle" style="inline-size:39.81;line-height:16px;white-space:pre" xml:space="preserve"/>
 <text x="211.67058" y="136.04623" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="211.67058" y="136.04623" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458">Purple</tspan></text>
 <circle cx="292" cy="132" r="36" clip-path="url(#clipPath1215)" fill="#c752c7" stroke="#fff" stroke-opacity=".1" stroke-width="2"/>
 <text x="291.94629" y="135.82065" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="291.94629" y="135.82065" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458">Magenta</tspan></text>
 <circle cx="372" cy="132" r="36" clip-path="url(#clipPath1227)" fill="#e86ba9" stroke="#fff" stroke-opacity=".1" stroke-width="2"/>
 <text x="371.30176" y="137.57162" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="371.30176" y="137.57162" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458">Pink</tspan></text>
 <circle cx="452" cy="132" r="36" clip-path="url(#clipPath1231)" fill="#df4242" stroke="#fff" stroke-opacity=".1" stroke-width="2"/>
 <g font-family="sans-serif">
  <text x="451.94629" y="137.46779" fill="#fdfdfd" font-size="14.667px" stroke-width=".26458" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="451.94629" y="137.46779" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458">Red</tspan></text>
  <text x="51.978516" y="55.917328" fill="#fdfdfd" font-size="14.667px" stroke-width=".26458" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="51.978516" y="55.917328" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458">Orange</tspan></text>
  <text x="-29.420439" y="72.158226" fill="#ee1e33" xml:space="preserve"><tspan x="-29.420439" y="72.158226"/></text>
 </g>
 <text x="51.455719" y="128.30103" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458" text-align="center" text-anchor="middle" xml:space="preserve"><tspan x="51.455719" y="128.30103"><tspan x="51.455719" y="128.30103" fill="#fdfdfd" font-family="sans-serif" font-size="14.667px" stroke-width=".26458">Light</tspan></tspan><tspan x="51.455719" y="146.63478">Blue</tspan></text>
</svg>