Avoid styling `<code>` inside of `<pre>` (#7797)

* Remove background from <code> inside <pre>

This caused an ugly effect where each line has a seperate background to
the whole pre block.

Fixes #7796

* Add James Frost to CREDITS.md

6 files changed, 22 insertions, 0 deletions

diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css
index b2ddf8f2b..4d5d69f2b 100644
--- a/p/themes/Dark/dark.css
+++ b/p/themes/Dark/dark.css
@@ -505,7 +505,9 @@ button.as-link[disabled] {
 }
 
 .content pre code {
+	background: transparent;
 	color: var(--dark-font-colorA);
+	border: none;
 }
 
 .content blockquote {
diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css
index 4656ca241..69a296409 100644
--- a/p/themes/Dark/dark.rtl.css
+++ b/p/themes/Dark/dark.rtl.css
@@ -505,7 +505,9 @@ button.as-link[disabled] {
 }
 
 .content pre code {
+	background: transparent;
 	color: var(--dark-font-colorA);
+	border: none;
 }
 
 .content blockquote {
diff --git a/p/themes/Nord/nord.css b/p/themes/Nord/nord.css
index f6f6ebdfa..63e959b67 100644
--- a/p/themes/Nord/nord.css
+++ b/p/themes/Nord/nord.css
@@ -871,7 +871,10 @@ li.item.active {
 .content pre {
 	border: 1px solid var(--accent);
 	border-radius: 6px;
+}
 
+.content pre code {
+	border: none;
 }
 
 .content blockquote {
diff --git a/p/themes/Nord/nord.rtl.css b/p/themes/Nord/nord.rtl.css
index 1822a48b6..9cfc4a52e 100644
--- a/p/themes/Nord/nord.rtl.css
+++ b/p/themes/Nord/nord.rtl.css
@@ -871,7 +871,10 @@ li.item.active {
 .content pre {
 	border: 1px solid var(--accent);
 	border-radius: 6px;
+}
 
+.content pre code {
+	border: none;
 }
 
 .content blockquote {
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index 36ca2a2de..648c791bb 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -921,6 +921,12 @@ a:hover .icon {
 	border-radius: 3px;
 }
 
+.content pre code {
+	background: transparent;
+	color: var(--font-color);
+	border: none;
+}
+
 .content code {
 	background-color: var(--background-color-light-shadowed);
 	color: var(--error-feed-color);
diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css
index d38fbe4da..54249a75c 100644
--- a/p/themes/Origine/origine.rtl.css
+++ b/p/themes/Origine/origine.rtl.css
@@ -921,6 +921,12 @@ a:hover .icon {
 	border-radius: 3px;
 }
 
+.content pre code {
+	background: transparent;
+	color: var(--font-color);
+	border: none;
+}
+
 .content code {
 	background-color: var(--background-color-light-shadowed);
 	color: var(--error-feed-color);