Skip to content

fix(docs): use GitHub theme fragment syntax for logo#46

Merged
sethrylan merged 2 commits into
mainfrom
fix/readme-theme-image
May 21, 2026
Merged

fix(docs): use GitHub theme fragment syntax for logo#46
sethrylan merged 2 commits into
mainfrom
fix/readme-theme-image

Conversation

@sethrylan
Copy link
Copy Markdown
Owner

Summary

  • Replace <picture> + prefers-color-scheme media queries with GitHub's #gh-dark-mode-only / #gh-light-mode-only URL fragment syntax
  • The CSS media query approach requires a logged-in user's saved color preference to resolve server-side — anonymous visitors see no image
  • The fragment syntax is GitHub's documented API for theme-aware images and works for all visitors

Test plan

  • View the README on GitHub while logged out — logo should render
  • View in dark mode — dark variant shown
  • View in light mode — light variant shown

Replace <picture> + prefers-color-scheme with #gh-dark-mode-only /
#gh-light-mode-only URL fragments. The CSS media query approach
requires a logged-in user's saved color preference to resolve
server-side; the fragment syntax works for anonymous visitors too.

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
@sethrylan sethrylan self-assigned this May 21, 2026
@github-actions
Copy link
Copy Markdown
Contributor

🎬 Generate a demo GIF for this PR:

gh workflow run demo.yml -R sethrylan/boop -f pr_number=46

Or run from the Actions tab.

@sethrylan sethrylan enabled auto-merge (squash) May 21, 2026 00:01
@sethrylan sethrylan merged commit 7c370ca into main May 21, 2026
7 checks passed
@sethrylan sethrylan deleted the fix/readme-theme-image branch May 21, 2026 00:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant