From 428705ba1f233290267ae4f5d7eaab91b8e3240d Mon Sep 17 00:00:00 2001
From: Jb Audras <audrasjb@git.wordpress.org>
Date: Mon, 13 Feb 2023 09:21:59 +0000
Subject: [PATCH] Twenty Twelve: Properly reflect text color changes in Table
 block.

This changeset makes the table header cells also inherit text colors, when the user selects a text color.

Props nidhidhandhukiya, sabernhardt, poena, faguni22.
Fixes #56466.


git-svn-id: https://develop.svn.wordpress.org/trunk@55312 602fd350-edb4-49c9-b593-d223f7449a82
---
 src/wp-content/themes/twentytwelve/css/blocks.css        | 4 ++++
 src/wp-content/themes/twentytwelve/css/editor-blocks.css | 4 ++++
 src/wp-content/themes/twentytwelve/editor-style.css      | 2 +-
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/wp-content/themes/twentytwelve/css/blocks.css b/src/wp-content/themes/twentytwelve/css/blocks.css
index a88ffcbfe1..d69ef621c6 100644
--- a/src/wp-content/themes/twentytwelve/css/blocks.css
+++ b/src/wp-content/themes/twentytwelve/css/blocks.css
@@ -232,6 +232,10 @@ pre.wp-block-code {
 	text-transform: uppercase;
 }
 
+.has-text-color th {
+	color: inherit;
+}
+
 .wp-block-table td {
 	border: 0;
 	border-top: 1px solid #ededed;
diff --git a/src/wp-content/themes/twentytwelve/css/editor-blocks.css b/src/wp-content/themes/twentytwelve/css/editor-blocks.css
index 29eb1f7ede..39a4d87af4 100644
--- a/src/wp-content/themes/twentytwelve/css/editor-blocks.css
+++ b/src/wp-content/themes/twentytwelve/css/editor-blocks.css
@@ -311,6 +311,10 @@ p.has-drop-cap:not(:focus)::first-letter {
 	width: 100%;
 }
 
+.editor-styles-wrapper .has-text-color th {
+	color: inherit;
+}
+
 .editor-block-list__block .wp-block-table th {
 	border: 0;
 	font-size: 11px;
diff --git a/src/wp-content/themes/twentytwelve/editor-style.css b/src/wp-content/themes/twentytwelve/editor-style.css
index 24e9b24f63..d3934a9151 100644
--- a/src/wp-content/themes/twentytwelve/editor-style.css
+++ b/src/wp-content/themes/twentytwelve/editor-style.css
@@ -278,7 +278,7 @@ tr th {
 }
 td {
 	border-top: 1px solid #ededed !important;
-	color: #757575;
+	color: inherit;
 	font-size: inherit;
 	font-weight: normal;
 	padding: 6px 10px 6px 0;