Skip to content

Commit c899e12

Browse files
castrojoclaude
andcommitted
fix(readme): use picture element for dark/light mode card embed
The #gh-light-mode-only / #gh-dark-mode-only fragment approach doesn't work with GitHub's Camo proxy — the proxy rewrites image URLs, stripping the fragment from the rendered src attribute so GitHub's CSS selector can't match it. Both cards showed stacked simultaneously. Replace with the official GitHub-documented <picture> + prefers-color-scheme approach, consistent with the OSS Insight and Star History widgets already in this README. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
1 parent 3ae311c commit c899e12

1 file changed

Lines changed: 6 additions & 2 deletions

File tree

README.md

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -27,8 +27,12 @@ Bluefin's mission is to provide a robust, cloud-native desktop operating system
2727

2828
## Releases
2929

30-
[![Bluefin](https://docs.projectbluefin.io/img/cards/bluefin-light.png#gh-light-mode-only)](https://docs.projectbluefin.io/changelogs)
31-
[![Bluefin](https://docs.projectbluefin.io/img/cards/bluefin-dark.png#gh-dark-mode-only)](https://docs.projectbluefin.io/changelogs)
30+
<a href="https://docs.projectbluefin.io/changelogs">
31+
<picture>
32+
<source media="(prefers-color-scheme: dark)" srcset="https://docs.projectbluefin.io/img/cards/bluefin-dark.png">
33+
<img src="https://docs.projectbluefin.io/img/cards/bluefin-light.png" alt="Bluefin" width="800">
34+
</picture>
35+
</a>
3236

3337
## Communications
3438

0 commit comments

Comments
 (0)