Style code, hr and blockquote within asides

.changeset/tender-fishes-join.md

@@ -0,0 +1,5 @@
+---
+'@astrojs/starlight': minor
+---
+
+Improve styling of hr, blockquote, and code within asides

docs/src/content/docs/guides/asides-test.mdx

@@ -0,0 +1,97 @@
+---
+title: ⚠️ Asides Code Test ⚠️
+---
+
+## Delete me before merge!
+
+:::tip
+Here's our nice new table:
+
+| Astrological Sign | Dates             |
+| ----------------- | ----------------- |
+| Aries             | March 21–April 19 |
+| Taurus            | April 20–May 20   |
+| Gemini            | May 21–June 21    |
+
+Here's some `code`
+
+Here's an `hr`:
+
+---
+
+And here's a `blockquote`:
+
+> This is a blockquote, which is commonly used when quoting another person or document.
+>
+> Blockquotes are indicated by a > at the start of each line.
+
+:::
+
+:::note
+Here's our nice new table:
+
+| Astrological Sign | Dates             |
+| ----------------- | ----------------- |
+| Aries             | March 21–April 19 |
+| Taurus            | April 20–May 20   |
+| Gemini            | May 21–June 21    |
+
+Here's some `code`
+
+Here's an `hr`:
+
+---
+
+And here's a `blockquote`:
+
+> This is a blockquote, which is commonly used when quoting another person or document.
+>
+> Blockquotes are indicated by a > at the start of each line.
+
+:::
+
+:::caution
+Here's our nice new table:
+
+| Astrological Sign | Dates             |
+| ----------------- | ----------------- |
+| Aries             | March 21–April 19 |
+| Taurus            | April 20–May 20   |
+| Gemini            | May 21–June 21    |
+
+Here's some `code`
+
+Here's an `hr`:
+
+---
+
+And here's a `blockquote`:
+
+> This is a blockquote, which is commonly used when quoting another person or document.
+>
+> Blockquotes are indicated by a > at the start of each line.
+
+:::
+
+:::danger
+Here's our nice new table:
+
+| Astrological Sign | Dates             |
+| ----------------- | ----------------- |
+| Aries             | March 21–April 19 |
+| Taurus            | April 20–May 20   |
+| Gemini            | May 21–June 21    |
+
+Here's some `code`
+
+Here's an `hr`:
+
+---
+
+And here's a `blockquote`:
+
+> This is a blockquote, which is commonly used when quoting another person or document.
+>
+> Blockquotes are indicated by a > at the start of each line.
+
+:::

packages/starlight/style/markdown.css

@@ -126,16 +126,23 @@
 .sl-markdown-content th:not([align]):not(:where(.not-content *)) {
 	text-align: start;
 }
-/* Table styles inside asides */
-.sl-markdown-content .starlight-aside :is(th, td):not(:where(.not-content *)) {
+/* <table>s, <hr>s, and <blockquote>s inside asides */
+.sl-markdown-content .starlight-aside :is(th, td, hr, blockquote):not(:where(.not-content *)) {
 	border-color: var(--sl-color-gray-4);
 }
 @supports (border-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 30%, transparent)) {
-	.sl-markdown-content .starlight-aside :is(th, td):not(:where(.not-content *)) {
+	.sl-markdown-content .starlight-aside :is(th, td, hr, blockquote):not(:where(.not-content *)) {
 		border-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 30%, transparent);
 	}
 }
 
+/* <code> inside asides */
+@supports (border-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 12%, transparent)) {
+	.sl-markdown-content .starlight-aside code:not(:where(.not-content *)) {
+		background-color: color-mix(in srgb, var(--sl-color-asides-text-accent) 12%, transparent);
+	}
+}
+
 .sl-markdown-content hr:not(:where(.not-content *)) {
 	border: 0;
 	border-bottom: 1px solid var(--sl-color-hairline);