Skip to content

fix(blog): add faint border to prose images#110

Merged
wavekat-eason merged 1 commit into
mainfrom
fix/blog-image-border
Jun 28, 2026
Merged

fix(blog): add faint border to prose images#110
wavekat-eason merged 1 commit into
mainfrom
fix/blog-image-border

Conversation

@wavekat-eason

Copy link
Copy Markdown
Contributor

What

White-background screenshots in blog posts blended into the white page, making the image edges invisible.

Add a global .prose img border so every blog/prose image has a faint outline:

  • Light: #e5e7eb (gray-200)
  • Dark: rgb(255 255 255 / 0.1) (white/10)
  • Plus a small 0.5rem radius

Colors match the existing code-block border in Post.astro, so it's consistent in both themes. Global rule = applies to all posts (and every localized variant) with zero per-page wiring.

Verification

npx astro build passes (132 pages); both rules confirmed in the compiled CSS.

🤖 Generated with Claude Code

https://claude.ai/code/session_01CSftCP42JgVT55nBe5YYxB

White-background screenshots blended into the white page. Add a global
.prose img border (gray-200 light, white/10 dark) matching the code-block
border, plus a small radius.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01CSftCP42JgVT55nBe5YYxB
@wavekat-eason wavekat-eason merged commit a17dd17 into main Jun 28, 2026
2 checks passed
@wavekat-eason wavekat-eason deleted the fix/blog-image-border branch June 28, 2026 10:30
wavekat-eason pushed a commit that referenced this pull request Jun 28, 2026
🤖 I have created a release *beep* *boop*
---


##
[0.0.39](wavekat-com-v0.0.38...wavekat-com-v0.0.39)
(2026-06-28)


### Bug Fixes

* **blog:** add faint border to prose images
([#110](#110))
([a17dd17](a17dd17))

---
This PR was generated with [Release
Please](https://github.com/googleapis/release-please). See
[documentation](https://github.com/googleapis/release-please#release-please).

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
@github-actions

Copy link
Copy Markdown
Contributor

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