Twenty Twenty-One : Latest Comment Block anchor tag color differs on frontend and editor on adding background color

[im3dabasia1]

Their is inconsistency in the anchor tag's color in the editor and the frontend, when we add background color in the block. Below are the steps to reproduce the issue.

Steps to Reproduce:

1. Activate the Twenty Twenty-One theme.
2. Create a new post and add a Latest Comments block.
3. Set a background color using the inspector controls.
4. Set a text color using the inspector controls.
5. Observe the inconsistency between color in the editor and the frontend.
6. Change the link color in the editor; note that the changes are not visible in the editor but are applied on the frontend.

Additional Supplements:
Reference Video: ​https://drive.google.com/file/d/1JzrRiKhTubFtMbMc7_eOzqhn0i8uIwB8/view

Trac ticket: https://core.trac.wordpress.org/ticket/62636

There was inconsistency in the text and anchor tag colors when the background was added in the latest comments block.

### Steps to Reproduce:

1. Activate the Twenty Twenty-One theme.
2. Create a new post and add a Latest Comments block.
3. Set a background color using the inspector controls.
4. Set a text color using the inspector controls.
5. Observe the inconsistency between color in the editor and the frontend.
6. Change the link color in the editor; note that the changes are not visible in the editor but are applied on the frontend.

### Before :

​https://github.com/user-attachments/assets/febfe9b7-a8fd-45c9-9beb-a2ec0d0bf6ba

### After:

​https://github.com/user-attachments/assets/1360245e-021b-4911-9097-dded0cd653a0

[im3dabasia1]

Attaching some screenshots for reference:

Notice the inconsistency in the text color of anchor tags between the editor and the frontend. Additionally, observe that the link color set to red in the inspector controls is not reflected in the editor, where it remains the default black color.

Editor Side Screenshot:

Frontend Side Screenshot:

[sainathpoojary]

Test Report

Description

This report validates whether the indicated patch works as expected.

Patch tested: ​https://github.com/WordPress/wordpress-develop/pull/7938

Environment

• WordPress: 6.8-alpha-59274-src
• PHP: 8.2.26
• Server: nginx/1.27.3
• Database: mysqli (Server: 8.0.40 / Client: mysqlnd 8.2.26)
• Browser: Chrome 131.0.0.0
• OS: macOS
• Theme: Twenty Twenty-One 2.4
• MU Plugins: None activated
• Plugins: Test Reports 1.2.0

Actual Results

✅ Issue resolved with patch.

Supplemental Artifacts

Before:

After:

Nice catch! Removing the CSS is not ideal solution as its common CSS that use for other block also.

Ping @carolinan

[poena]

Duplicate of #56075.

Hi @im3dabasia1 This is a duplicate of https://core.trac.wordpress.org/ticket/56075

The theme was developed before all these new color options were available, and it has not been updated to support them.
The theme has a feature where the text and link color is applied with CSS variables.
The colors change depending on the background color and on the dark mode option, to make sure that the theme is accessible.

The difficulty is that the theme colors must work on both old versions of WordPress and newer.
The theme supports WordPress version 5.3 and newer.

@mukesh27 is also correct, changes should be limited to the scope of the ticket and not affect other
parts of the theme.