From 3d9c9b94470da06934c25bed665213b2ad99e953 Mon Sep 17 00:00:00 2001
From: Jonathan Desrosiers <desrosj@git.wordpress.org>
Date: Thu, 17 Dec 2020 14:20:22 +0000
Subject: [PATCH] Twenty Twenty-One: Make text within code blocks readable in
 Dark Mode.

This change ensures that the primary text color specific to Dark Mode is used instead of the one specified for normal mode. The latter is not legible in Dark Mode.

Props slaFFik, poena, mukesh27, justinahinon.
Fixes #51985.

git-svn-id: https://develop.svn.wordpress.org/trunk@49825 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-content/themes/twentytwentyone/assets/css/ie.css          | 1 +
 .../twentytwentyone/assets/sass/05-blocks/code/_style.scss       | 1 +
 src/wp-content/themes/twentytwentyone/style-rtl.css              | 1 +
 src/wp-content/themes/twentytwentyone/style.css                  | 1 +
 4 files changed, 4 insertions(+)

diff --git a/src/wp-content/themes/twentytwentyone/assets/css/ie.css b/src/wp-content/themes/twentytwentyone/assets/css/ie.css
index 2333dd849d..61ea77b3e7 100644
--- a/src/wp-content/themes/twentytwentyone/assets/css/ie.css
+++ b/src/wp-content/themes/twentytwentyone/assets/css/ie.css
@@ -2573,6 +2573,7 @@ input[type=reset]:hover {
 }
 
 .wp-block-code code {
+	color: #28303d;
 	font-size: 1rem;
 	white-space: pre;
 	overflow-x: auto;
diff --git a/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss b/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss
index ce783f954f..58f8a7c15e 100644
--- a/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss
+++ b/src/wp-content/themes/twentytwentyone/assets/sass/05-blocks/code/_style.scss
@@ -6,6 +6,7 @@
 	padding: var(--global--spacing-unit);
 
 	code {
+		color: var(--global--color-primary);
 		font-size: var(--global--font-size-xs);
 		white-space: pre;
 		overflow-x: auto;
diff --git a/src/wp-content/themes/twentytwentyone/style-rtl.css b/src/wp-content/themes/twentytwentyone/style-rtl.css
index 5ba5e36c87..b1d08af057 100644
--- a/src/wp-content/themes/twentytwentyone/style-rtl.css
+++ b/src/wp-content/themes/twentytwentyone/style-rtl.css
@@ -1870,6 +1870,7 @@ input[type=reset]:hover,
 }
 
 .wp-block-code code {
+	color: var(--global--color-primary);
 	font-size: var(--global--font-size-xs);
 	white-space: pre;
 	overflow-x: auto;
diff --git a/src/wp-content/themes/twentytwentyone/style.css b/src/wp-content/themes/twentytwentyone/style.css
index 033847aaf3..747d34d103 100644
--- a/src/wp-content/themes/twentytwentyone/style.css
+++ b/src/wp-content/themes/twentytwentyone/style.css
@@ -1880,6 +1880,7 @@ input[type=reset]:hover,
 }
 
 .wp-block-code code {
+	color: var(--global--color-primary);
 	font-size: var(--global--font-size-xs);
 	white-space: pre;
 	overflow-x: auto;