From 20e47c91706544cdc9112741831c12c95234499d Mon Sep 17 00:00:00 2001
From: Chris Swithinbank <swithinbank@gmail.com>
Date: Fri, 10 Jan 2025 20:36:10 +0100
Subject: [PATCH] Adjust Expressive Code title bar tab display

---
 packages/starlight/style/print.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/packages/starlight/style/print.css b/packages/starlight/style/print.css
index 55d3da1309e..5c89cde457f 100644
--- a/packages/starlight/style/print.css
+++ b/packages/starlight/style/print.css
@@ -112,6 +112,19 @@
 		/* Ensure terminal frame dots are visible even if backgrounds are disabled. */
 		box-shadow: inset 99rem 99rem var(--sl-color-gray-5);
 	}
+	.expressive-code .frame.has-title:not(.is-terminal) .header {
+		/* Divide title bar and code without relying on background colors. */
+		background: transparent !important;
+		border-bottom: 1px solid var(--sl-color-gray-6) !important;
+	}
+	.expressive-code .frame.has-title:not(.is-terminal) .title {
+		/* Hide title tab background color. */
+		background: transparent !important;
+	}
+	.expressive-code .frame.has-title:not(.is-terminal) .title::after {
+		/* Remove title tab highlight. */
+		border-top: 0 !important;
+	}
 	/* Inline code */
 	.sl-markdown-content code:not(:where(.not-content *)) {
 		background-color: transparent !important;