fix(logo): explicit light/dark variants + <picture> for GitHub

The prior logo.svg used currentColor, which resolves to black when the
SVG is loaded via <img> on GitHub — making the logo invisible in dark
mode (the GitHub default for many users).

Fix uses GitHub's supported <picture> + prefers-color-scheme media-
source pattern in README:

- assets/logo-light.svg — explicit GitHub light-theme text color #24292f
- assets/logo-dark.svg  — explicit GitHub dark-theme text color #f0f6fc
- assets/logo.svg       — kept with embedded @media + currentColor for
                          standalone use (markmorph notes, anywhere
                          else the SVG is loaded outside <picture>)

README updates the <img> tag to a <picture> with media-conditioned
source so GitHub's renderer picks the right variant per theme.
This commit is contained in:
2026-05-13 02:07:11 +01:00
parent 7ed2aecdfa
commit a8883aa8b7
4 changed files with 46 additions and 11 deletions
+4 -1
View File
@@ -1,6 +1,9 @@
<div align="center">
<img src="./assets/logo.svg" alt="claude-adam logo" width="128" height="128" />
<picture>
<source media="(prefers-color-scheme: dark)" srcset="./assets/logo-dark.svg">
<img src="./assets/logo-light.svg" alt="claude-adam logo" width="128" height="128" />
</picture>
# claude-adam