<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" class="visuallyhidden">
<symbol id="NewTheme" viewBox="0 0 80 50">
<g transform="rotate(8 32 32)">
<g>
<rect x="38" fill="#c55000" width="3" height="6"/>
<rect x="38" y="44" fill="#c55000" width="3" height="6"/>
<rect x="74" y="22" fill="#c55000" width="6" height="3"/>
<rect y="22" fill="#c55000" width="6" height="3"/>
<rect x="64.713" y="3.808" transform="matrix(-0.53 -0.848 0.848 -0.53 95.5307 66.5651)" fill="#c55000" width="3" height="6"/>
<rect x="11.286" y="37.192" transform="matrix(-0.5298 -0.8481 0.8481 -0.5298 -14.5262 72.3317)" fill="#c55000" width="3" height="6"/>
<rect x="11.286" y="3.808" transform="matrix(0.5298 -0.8481 0.8481 0.5298 0.2381 14.0448)" fill="#c55000" width="3" height="6"/>
<rect x="64.712" y="37.192" transform="matrix(0.5298 -0.8481 0.8481 0.5298 -2.956 75.0528)" fill="#c55000" width="3" height="6"/>
</g>
<g>
<path fill="#b30" d="M30,30l-3.5-8v8H24V18h3l3.5,8v-8H33v12H30z"/>
<path fill="#b30" d="M37.5,19.999V23H41v2h-3.5v3h4.682v2H35V18h7v1.999H37.5z"/>
<path fill="#b30" d="M52,30l-1.75-9l-1.75,9h-3L43,18h2.606L47,27l2-9h2.5l2,9l1.5-9h2.5l-2,12H52z"/>
</g>
</g>
</symbol>
<symbol id="logoAvatar" viewBox="0 0 90 90"><rect fill="#2A2A28" width="90" height="90"/><rect x="14" y="25" fill="#FFFFFF" width="63" height="47"/><path fill="#E2D112" d="M41.435,3.348h10.781L66.69,84.196H54.523l-1.385-9.854H38.202l-1.849,9.854H24.187L41.435,3.348z M39.74,65.102h11.858l-5.082-36.036L39.74,65.102z"/></symbol>
</svg>

 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0" class="visuallyhidden">
<defs>
<linearGradient id="svgGradient1" gradientUnits="userSpaceOnUse" x1="0" y1="24" x2="452" y2="24">
    <stop offset="0%" style="stop-color: #ccb833"/>
    <stop offset="50%" style="stop-color: #d77842"/>
    <stop offset="100%" style="stop-color: #e05952"/>
	</linearGradient>
 <linearGradient id="svgGradient2" gradientUnits="userSpaceOnUse" x1="0" y1="24" x2="252" y2="24">
    <stop offset="0%" style="stop-color: #e05952"/>
    <stop offset="50%" style="stop-color: #6b6bc7"/>
    <stop offset="100%" style="stop-color: #3391cc"/>
	</linearGradient>
</defs>
<pattern id="patternGradient1" patternUnits="userSpaceOnUse" viewBox="0 0 452 96" width="452" height="96">
<rect width="452" height="96" fill="url(#svgGradient1)"/>
</pattern>
<pattern id="patternGradient2" patternUnits="userSpaceOnUse" viewBox="0 0 252 96" width="252" height="96">
<rect width="252" height="96" fill="url(#svgGradient2)"/>
</pattern>
<symbol id="syntax">
<text id="textSyntax" x="245" y="48" style="font-family:Brando,Verdana;font-size:48px" text-anchor="middle" fill="url(#patternGradient1)">Syntax Highlighting</text>
</symbol>
<symbol id="colorschemes">
<text id="textColorschemes" x="126" y="48" style="font-family:brandosans-semibold-v100, Verdana;font-size:33px;text-transform:uppercase" text-anchor="middle" fill="url(#patternGradient2)">Colorschemes</text>
</symbol>
</svg>
<button class="menu-toggle" id="menuToggle"><svg width="21" height="14"><use xlink:href="#shape-hamburger"/></svg>
  <span class="visuallyhidden">Menu</span></button><header class="row header" id="header">
<h1 class="repo-title"><a href="https://github.com/atelierbram/syntax-highlighting">
<svg width="452" height="96"><use xlink:href="#syntax"/></svg>
<svg width="256" height="96"><use xlink:href="#colorschemes"/></svg>
<span class="site-title conditionallyhidden">Syntax Highlighting</span><p class="tagline conditionallyhidden">colorschemes</p></a>
</h1>
</header>
