Style code, hr and blockquote within asides

[evadecker]

Description

• Closes Aside styling of code, blockquote, and hr could be improved #2118
• Tints the background color of code and the border color of hr and blockquote when placed within an Aside

Dark Mode:

Before	After

Light Mode:

Before	After

[changeset-bot]

🦋 Changeset detected

Latest commit: 4455f1f

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@astrojs/starlight	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
starlight	✅ Ready (Inspect)	Visit Preview	Jul 10, 2024 4:16pm

[netlify]

✅ Deploy Preview for astro-starlight ready!

Name	Link
🔨 Latest commit	4455f1f
🔍 Latest deploy log	https://app.netlify.com/sites/astro-starlight/deploys/668eb372ee32fc0008ff05e5
😎 Deploy Preview	https://deploy-preview-2119--astro-starlight.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
Lighthouse	1 paths audited Performance: 100 (no change from production) Accessibility: 100 (no change from production) Best Practices: 100 (no change from production) SEO: 92 (no change from production) PWA: - View the detailed breakdown and full score reports

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[astrobot-houston]

Lunaria Status Overview

🌕 This pull request will trigger status changes.

Learn more

By default, every PR changing files present in the Lunaria configuration's files property will be considered and trigger status changes accordingly.

You can change this by adding one of the keywords present in the ignoreKeywords property in your Lunaria configuration file in the PR's title (ignoring all files) or by including a tracker directive in the merged commit's description.

Tracked Files

Locale	File	Note
en	guides/asides-test.mdx	Source added, will be tracked.

Warnings reference

Icon	Description
🔄️	The source for this localization has been updated since the creation of this pull request, make sure all changes in the source have been applied.

[OliverSpeir]

🔥

[delucis]

Oof, love how little code you needed to make this improvement — nice work @evadecker!

I actually think we can consider this a “bug fix” rather than a minor, so will update the changeset to reflect that.

I think this is the case with this PR and I think you’re aware already, but just noting for the record that the color-mix() styles won’t be available in all our supported browsers, but given this is an incremental improvement, I think that’s quite OK.

[delucis]

Let’s get these styles on the road! 🚀