71 lines
3.3 KiB
XML
71 lines
3.3 KiB
XML
<svg xmlns="http://www.w3.org/2000/svg" width="0" height="0" style="position: absolute;">
|
|
<defs>
|
|
<!-- Diagonal Dither Pattern (8x8 tile) -->
|
|
<pattern id="pixel-dither-diagonal" x="0" y="0" width="8" height="8" patternUnits="userSpaceOnUse">
|
|
<rect fill="#4A3B5C" width="8" height="8"/>
|
|
<path d="M0,0 L2,0 L2,2 L0,2 Z M4,0 L6,0 L6,2 L4,2 Z
|
|
M2,2 L4,2 L4,4 L2,4 Z M6,2 L8,2 L8,4 L6,4 Z
|
|
M0,4 L2,4 L2,6 L0,6 Z M4,4 L6,4 L6,6 L4,6 Z
|
|
M2,6 L4,6 L4,8 L2,8 Z M6,6 L8,6 L8,8 L6,8 Z"
|
|
fill="#8B4FB9" opacity="0.15"/>
|
|
</pattern>
|
|
|
|
<!-- Subtle Checkerboard Pattern (4x4 tile) -->
|
|
<pattern id="pixel-checker-subtle" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
|
|
<rect fill="transparent" width="4" height="4"/>
|
|
<rect fill="rgba(75, 27, 111, 0.08)" x="0" y="0" width="2" height="2"/>
|
|
<rect fill="rgba(75, 27, 111, 0.08)" x="2" y="2" width="2" height="2"/>
|
|
</pattern>
|
|
|
|
<!-- Dense Pixel Dots (for backgrounds) -->
|
|
<pattern id="pixel-dots" x="0" y="0" width="6" height="6" patternUnits="userSpaceOnUse">
|
|
<rect fill="transparent" width="6" height="6"/>
|
|
<circle cx="3" cy="3" r="1" fill="rgba(139, 79, 185, 0.1)"/>
|
|
</pattern>
|
|
|
|
<!-- Gradient Dither (vertical) -->
|
|
<pattern id="pixel-gradient-dither" x="0" y="0" width="16" height="64" patternUnits="userSpaceOnUse">
|
|
<rect fill="transparent" width="16" height="64"/>
|
|
<!-- Top section - dense dots -->
|
|
<g fill="rgba(75, 27, 111, 0.12)">
|
|
<rect x="0" y="0" width="2" height="2"/>
|
|
<rect x="4" y="0" width="2" height="2"/>
|
|
<rect x="8" y="0" width="2" height="2"/>
|
|
<rect x="12" y="0" width="2" height="2"/>
|
|
<rect x="2" y="2" width="2" height="2"/>
|
|
<rect x="6" y="2" width="2" height="2"/>
|
|
<rect x="10" y="2" width="2" height="2"/>
|
|
<rect x="14" y="2" width="2" height="2"/>
|
|
</g>
|
|
<!-- Middle section - medium -->
|
|
<g fill="rgba(75, 27, 111, 0.08)">
|
|
<rect x="0" y="16" width="2" height="2"/>
|
|
<rect x="8" y="16" width="2" height="2"/>
|
|
<rect x="4" y="18" width="2" height="2"/>
|
|
<rect x="12" y="18" width="2" height="2"/>
|
|
</g>
|
|
<!-- Bottom section - sparse -->
|
|
<g fill="rgba(75, 27, 111, 0.04)">
|
|
<rect x="2" y="48" width="2" height="2"/>
|
|
<rect x="10" y="50" width="2" height="2"/>
|
|
</g>
|
|
</pattern>
|
|
|
|
<!-- Scanlines Pattern (CRT effect) -->
|
|
<pattern id="pixel-scanlines" x="0" y="0" width="4" height="4" patternUnits="userSpaceOnUse">
|
|
<rect fill="transparent" width="4" height="4"/>
|
|
<line x1="0" y1="0" x2="4" y2="0" stroke="rgba(0, 0, 0, 0.03)" stroke-width="1"/>
|
|
<line x1="0" y1="2" x2="4" y2="2" stroke="rgba(0, 0, 0, 0.03)" stroke-width="1"/>
|
|
</pattern>
|
|
|
|
<!-- Panel Texture (for light backgrounds) -->
|
|
<pattern id="pixel-panel-texture" x="0" y="0" width="8" height="8" patternUnits="userSpaceOnUse">
|
|
<rect fill="transparent" width="8" height="8"/>
|
|
<rect x="0" y="0" width="1" height="1" fill="rgba(139, 79, 185, 0.06)"/>
|
|
<rect x="4" y="4" width="1" height="1" fill="rgba(139, 79, 185, 0.06)"/>
|
|
<rect x="2" y="6" width="1" height="1" fill="rgba(255, 110, 199, 0.04)"/>
|
|
<rect x="6" y="2" width="1" height="1" fill="rgba(0, 217, 255, 0.04)"/>
|
|
</pattern>
|
|
</defs>
|
|
</svg>
|