Files
Rohit Ghumare 649e6e44c5 feat: light-mode SVG variants for GitHub dark theme compatibility (#115)
Adds a full set of light-background SVG tags in assets/tags/light/
that mirror the existing dark-background tags in assets/tags/.

GitHub <picture> element auto-swaps based on the reader's theme:
- GitHub LIGHT theme  → dark-bg SVG (original, stands out on white)
- GitHub DARK theme   → light-bg SVG (new, stands out on dark)

## 30 light variants generated

Same dimensions, same orange #FF6B35 brand accent, same fonts. Only
the backgrounds and text colors change:

- Background: white → light gray gradient (#FFFFFF → #F8F9FB)
- Border: #E5E7EB (GitHub-style neutral border)
- Title text: #0F172A (slate-900)
- Subtitle text: #64748B (slate-500)

Stat values are slightly darkened for better contrast on white:
- Green: #00D26A → #16A34A
- Orange: #FF6B35 → #EA580C
- Purple: #B5A4FF → #7C3AED

## README changes

All 26 tag references now use <picture> elements:

  <picture>
    <source media="(prefers-color-scheme: dark)" srcset="assets/tags/light/foo.svg">
    <img src="assets/tags/foo.svg" alt="..." height="..." />
  </picture>

Covers: 14 section headers (both stat rows × 6 = 12 stat cards).

No visual changes for light-theme readers — the original dark SVGs
still show. Dark-theme readers now get proper contrast instead of
dark-on-dark blend.

All 30 light SVGs validated with xmllint. 654/654 tests passing.
2026-04-12 20:28:29 +01:00
..
2026-03-04 11:07:01 +00:00