journal.

Testing the Discord-Style Embeds

A quick post to demonstrate the new Embed Astro component that mimics Discord UI V2.

Sometimes you just want to share a link, but plain text doesn’t do it justice. We need something 🌸 rich and beautiful .

The component I just built mimics the heavily rounded, compact Discord V2 UI elements while adapting seamlessly to the β€œAndroid Zen” theme variables (--color-surface, --color-outline).

Here is a standard embed for a GitHub repository. Notice how it takes an explicit hex code for the accent border:

GitHub
emberglazee/journal
A personal static blog that balances Nordic Minimalism with Material Design 3 aesthetics, optimized for ultra-lightweight delivery.

And here is an embed carrying a large image payload, like you’d see when pasting a YouTube link:

YouTube
Lofi Girl - beats to relax/study to
Thank you for listening, I hope you will have a good time here
Embed Media

If we don’t supply a color, it gracefully falls back to the system’s primary blue! The whole experience is just πŸ’€ very demure, very mindful .

Last updated: March 1, 2026
View History on GitHub