2 files changed, 11 insertions, 113 deletions

diff --git a/examples/docs/src/styles/code.css b/examples/docs/src/styles/code.css
deleted file mode 100644
index b4275adab..000000000
--- a/examples/docs/src/styles/code.css
+++ /dev/null
@@ -1,96 +0,0 @@
-.language-css > code,
-.language-sass > code,
-.language-scss > code {
-	color: #fd9170;
-}
-
-[class*='language-'] .namespace {
-	opacity: 0.7;
-}
-
-.token.plain-text,
-[class*='language-bash'] span.token,
-[class*='language-shell'] span.token {
-	color: hsla(var(--color-gray-90), 1);
-}
-
-[class*='language-bash'] span.token,
-[class*='language-shell'] span.token {
-	font-style: bold;
-}
-
-.token.prolog,
-.token.comment,
-[class*='language-bash'] span.token.comment,
-[class*='language-shell'] span.token.comment {
-	color: hsla(var(--color-gray-70), 1);
-}
-
-.token.selector,
-.token.tag,
-.token.unit,
-.token.url,
-.token.variable,
-.token.entity,
-.token.deleted {
-	color: #fa5e5b;
-}
-
-.token.boolean,
-.token.constant,
-.token.doctype,
-.token.number,
-.token.regex,
-.token.builtin,
-.token.class,
-.token.hexcode,
-.token.class-name,
-.token.attr-name {
-	color: hsla(var(--color-yellow), 1);
-}
-
-.token.atrule,
-.token.attribute,
-.token.attr-value .token.punctuation,
-.token.attr-value,
-.token.pseudo-class,
-.token.pseudo-element,
-.token.string {
-	color: hsla(var(--color-green), 1);
-}
-
-.token.symbol,
-.token.function,
-.token.id,
-.token.important {
-	color: hsla(var(--color-blue), 1);
-}
-
-.token.important,
-.token.id {
-	font-weight: bold;
-}
-
-.token.cdata,
-.token.char,
-.token.property {
-	color: #23b1af;
-}
-
-.token.inserted {
-	color: hsla(var(--color-green), 1);
-}
-
-.token.keyword {
-	color: #ff657c;
-	font-style: italic;
-}
-
-.token.operator {
-	color: hsla(var(--color-gray-70), 1);
-}
-
-.token.attr-value .token.attr-equals,
-.token.punctuation {
-	color: hsla(var(--color-gray-80), 1);
-}
diff --git a/examples/docs/src/styles/index.css b/examples/docs/src/styles/index.css
index ad0a5adf7..971ccf9e5 100644
--- a/examples/docs/src/styles/index.css
+++ b/examples/docs/src/styles/index.css
@@ -151,14 +151,14 @@ article > section iframe {
 	aspect-ratio: 16 / 9;
 }
 
-a > code:not([class*='language']) {
+a > code {
 	position: relative;
 	color: var(--theme-text-accent);
 	background: transparent;
 	text-underline-offset: var(--padding-block);
 }
 
-a > code:not([class*='language'])::before {
+a > code::before {
 	content: '';
 	position: absolute;
 	top: 0;
@@ -187,30 +187,24 @@ strong {
 }
 
 /* Supporting Content */
-code {
-	font-family: var(--font-mono);
-	font-size: 0.85em;
-}
 
-code:not([class*='language']) {
+code {
 	--border-radius: 3px;
 	--padding-block: 0.2rem;
-	--padding-inline: 0.4rem;
-	color: var(--theme-code-inline-text);
+	--padding-inline: 0.33rem;
+
+	font-family: var(--font-mono);
+	font-size: 0.85em;
+	color: inherit;
 	background-color: var(--theme-code-inline-bg);
 	padding: var(--padding-block) var(--padding-inline);
 	margin: calc(var(--padding-block) * -1) -0.125em;
 	border-radius: var(--border-radius);
-	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.08);
 	word-break: break-word;
 }
 
-pre > code:not([class*='language']) {
-	background-color: transparent;
-	padding: 0;
-	margin: 0;
-	border-radius: 0;
-	color: inherit;
+pre.astro-code > code {
+	all: unset;
 }
 
 pre > code {
@@ -261,7 +255,7 @@ pre {
 	color: var(--theme-code-text);
 }
 
-blockquote code:not([class*='language']) {
+blockquote code {
 	background-color: var(--theme-bg);
 }