themes/greyscale.svg

<svg width="600" height="490" xmlns="http://www.w3.org/2000/svg"><rect x="0" y="0" width="600" height="490" fill="#bfbfbf" /><defs>
    <linearGradient id="displayNameGradient" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:#d9d9d9;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#bfbfbf;stop-opacity:1" />
    </linearGradient>
    <filter id="shadow" x="-20%" y="-20%" width="140%" height="140%">
      <feGaussianBlur in="SourceAlpha" stdDeviation="3"/>
      <feOffset dx="0" dy="4" result="offsetblur"/>
      <feComponentTransfer>
        <feFuncA type="linear" slope="0.5"/>
      </feComponentTransfer>
      <feMerge> 
        <feMergeNode/>
        <feMergeNode in="SourceGraphic"/>
      </feMerge>
    </filter>
  </defs><rect x="10" y="20" width="580" height="40" fill="url(#displayNameGradient)" filter="url(#shadow)" /><text x="20" y="50" fill="#ffffff" font-size="24" font-family="monospace">𝔤𝔯𝔢𝔶𝔰𝔠𝔞𝔩𝔢</text><rect x="10" y="70" width="580" height="50" fill="#0a0a0a" filter="url(#shadow)" /><text x="20" y="105" fill="#0a0a0a" font-size="20" font-family="monospace">--color-primary: #0a0a0a</text><rect x="10" y="130" width="580" height="50" fill="#bfbfbf" filter="url(#shadow)" /><text x="20" y="165" fill="#0a0a0a" font-size="20" font-family="monospace">--color-secondary: #bfbfbf</text><rect x="10" y="190" width="580" height="50" fill="#d9d9d9" filter="url(#shadow)" /><text x="20" y="225" fill="#0a0a0a" font-size="20" font-family="monospace">--color-accent-1: #d9d9d9</text><rect x="10" y="250" width="580" height="50" fill="#bfbfbf" filter="url(#shadow)" /><text x="20" y="285" fill="#0a0a0a" font-size="20" font-family="monospace">--color-accent-2: #bfbfbf</text><rect x="10" y="310" width="580" height="50" fill="#050505" filter="url(#shadow)" /><text x="20" y="345" fill="#ffffff" font-size="20" font-family="monospace">--color-dark: #050505</text><rect x="10" y="370" width="580" height="50" fill="#ffffff" filter="url(#shadow)" /><text x="20" y="405" fill="#0a0a0a" font-size="20" font-family="monospace">--color-light: #ffffff</text><rect x="10" y="430" width="580" height="50" fill="#0a0a0a" filter="url(#shadow)" /><text x="20" y="465" fill="#ffffff" font-size="20" font-family="monospace">--color-text-main: #0a0a0a</text></svg>