From 464685a3ce33e7ccc8d1d7365935732c87ba95e9 Mon Sep 17 00:00:00 2001
From: Eva Decker
Date: Wed, 10 Jul 2024 12:22:13 -0400
Subject: Style `code`, `hr` and `blockquote` within asides (#2119)

Co-authored-by: Chris Swithinbank <swithinbank@gmail.com>
---
 .changeset/tender-fishes-join.md      |  5 +++++
 packages/starlight/style/markdown.css | 13 ++++++++++---
 2 files changed, 15 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/tender-fishes-join.md

diff --git a/.changeset/tender-fishes-join.md b/.changeset/tender-fishes-join.md
new file mode 100644
index 00000000..a4667945
--- /dev/null
+++ b/.changeset/tender-fishes-join.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/starlight': patch
+---
+
+Improves styling of `<hr>`, `<blockquote>`, and `<code>` within asides
diff --git a/packages/starlight/style/markdown.css b/packages/starlight/style/markdown.css
index 836c5320..596ae612 100644
--- a/packages/starlight/style/markdown.css
+++ b/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);
-- 
cgit