Jelajahi Sumber

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
James Frost 7 bulan lalu
induk
melakukan
d1f2e0f6be

+ 1 - 0
CREDITS.md

@@ -108,6 +108,7 @@ People are sorted by name so please keep this order.
 * [Jackson Culbreth](https://github.com/culbrethj): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:culbrethj)
 * [Jackson Culbreth](https://github.com/culbrethj): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:culbrethj)
 * [jaden](https://github.com/jaden): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:jaden)
 * [jaden](https://github.com/jaden): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:jaden)
 * [Jake Mannens](https://github.com/jakem72360): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:jakem72360)
 * [Jake Mannens](https://github.com/jakem72360): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:jakem72360)
+* [James Frost](https://github.com/Fraetor): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:Fraetor), [Web](https://www.frost.cx/)
 * [Jamie Slome](https://github.com/JamieSlome): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:JamieSlome), [Web](https://418sec.com/)
 * [Jamie Slome](https://github.com/JamieSlome): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:JamieSlome), [Web](https://418sec.com/)
 * [Jan Lukas Gernert](https://github.com/jangernert): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:jangernert)
 * [Jan Lukas Gernert](https://github.com/jangernert): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:jangernert)
 * [Jan van den Berg](https://github.com/jan-vandenberg): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:jan-vandenberg), [Web](https://j11g.com/)
 * [Jan van den Berg](https://github.com/jan-vandenberg): [contributions](https://github.com/FreshRSS/FreshRSS/pulls?q=is:pr+author:jan-vandenberg), [Web](https://j11g.com/)

+ 2 - 0
p/themes/Dark/dark.css

@@ -505,7 +505,9 @@ button.as-link[disabled] {
 }
 }
 
 
 .content pre code {
 .content pre code {
+	background: transparent;
 	color: var(--dark-font-colorA);
 	color: var(--dark-font-colorA);
+	border: none;
 }
 }
 
 
 .content blockquote {
 .content blockquote {

+ 2 - 0
p/themes/Dark/dark.rtl.css

@@ -505,7 +505,9 @@ button.as-link[disabled] {
 }
 }
 
 
 .content pre code {
 .content pre code {
+	background: transparent;
 	color: var(--dark-font-colorA);
 	color: var(--dark-font-colorA);
+	border: none;
 }
 }
 
 
 .content blockquote {
 .content blockquote {

+ 3 - 0
p/themes/Nord/nord.css

@@ -871,7 +871,10 @@ li.item.active {
 .content pre {
 .content pre {
 	border: 1px solid var(--accent);
 	border: 1px solid var(--accent);
 	border-radius: 6px;
 	border-radius: 6px;
+}
 
 
+.content pre code {
+	border: none;
 }
 }
 
 
 .content blockquote {
 .content blockquote {

+ 3 - 0
p/themes/Nord/nord.rtl.css

@@ -871,7 +871,10 @@ li.item.active {
 .content pre {
 .content pre {
 	border: 1px solid var(--accent);
 	border: 1px solid var(--accent);
 	border-radius: 6px;
 	border-radius: 6px;
+}
 
 
+.content pre code {
+	border: none;
 }
 }
 
 
 .content blockquote {
 .content blockquote {

+ 6 - 0
p/themes/Origine/origine.css

@@ -921,6 +921,12 @@ a:hover .icon {
 	border-radius: 3px;
 	border-radius: 3px;
 }
 }
 
 
+.content pre code {
+	background: transparent;
+	color: var(--font-color);
+	border: none;
+}
+
 .content code {
 .content code {
 	background-color: var(--background-color-light-shadowed);
 	background-color: var(--background-color-light-shadowed);
 	color: var(--error-feed-color);
 	color: var(--error-feed-color);

+ 6 - 0
p/themes/Origine/origine.rtl.css

@@ -921,6 +921,12 @@ a:hover .icon {
 	border-radius: 3px;
 	border-radius: 3px;
 }
 }
 
 
+.content pre code {
+	background: transparent;
+	color: var(--font-color);
+	border: none;
+}
+
 .content code {
 .content code {
 	background-color: var(--background-color-light-shadowed);
 	background-color: var(--background-color-light-shadowed);
 	color: var(--error-feed-color);
 	color: var(--error-feed-color);