| 125 | |
| 126 | // Default coloring function: blockColor for blocks, accent color for shadows |
| 127 | const defaultColorChar = (char: string, charIndex: number) => { |
| 128 | if (char === ' ' || char === '\n') { |
| 129 | return <span key={charIndex}>{char}</span> |
| 130 | } |
| 131 | // Block characters use blockColor (white in dark mode, black in light mode) |
| 132 | if (char === '█') { |
| 133 | return <span key={charIndex} fg={blockColor}>{char}</span> |
| 134 | } |
| 135 | // Shadow/border characters get accent color |
| 136 | if (SHADOW_CHARS.has(char)) { |
| 137 | return <span key={charIndex} fg={accentColor}>{char}</span> |
| 138 | } |
| 139 | // Other characters use accent color |
| 140 | return <span key={charIndex} fg={accentColor}>{char}</span> |
| 141 | } |
| 142 | |
| 143 | return ( |
| 144 | <> |