Twenty Twenty: Latest Posts block colors and padding

[viralsampat]

Hello Team,

I have worked on the "Twenty Twenty" theme and found that the "Twenty Twenty" theme contains an issue for the "Latest Post" block. The text color does not change when we try to select text color from block settings.

Also, When we select the background color, the padding is added in admin, But in the front end, the post text displays a sticky, The padding is not added for the front end.

Here, I have provided the issue video:

Issue: ​https://share.cleanshot.com/5mkR0sVQ25VYM6xp434Y

Thanks,

[viralsampat]

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

[viralsampat]

I have checked above mentioned issue and I have resolved it and added patch. Also, I have attached screenshot after resolved this issue.

[sabernhardt]

Latest Posts block in WordPress 6.4-RC1, with Accent text color (custom green) and Subtle Background background color

[sabernhardt]

WordPress 6.4 adds the chosen text color to the link (only), but the rest of the text remains the theme's color selections. When adding support for color controls, the theme's colors still need to apply for users do not select a color. (Replacing a specific color with inherit would change how existing blocks appear.)

The block-library styles define a padding for blocks with a background color and the left padding of zero, so that would not be exclusive to Twenty Twenty.

[sabernhardt]

#61524 was marked as a duplicate.

[shubhtoy]

Is this issue still open?
I would love to work on this.

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

This patch ensures that in twenty-twenty theme -

In the block-editor:

1. the Latest Posts, Latest comments, Categories, Categories List blocks correctly apply the user-defined text color (has-text-color) in the block editor. Previously, hardcoded default styles (color: #6d6d6d) prevented selected text colors from rendering. This fix allows color: inherit when .has-text-color is present.
2. When users choose a custom text color for the Latest Comments and Latest Posts blocks, the <time> elements (post or comment dates) also reflect that color in the block editor. Without this, only links or titles change color while dates retain the default.

In the frontend:

1. The Latest Posts and Latest comments blocks correctly apply the user-defined text color (has-text-color) in the front end. Without this, only links or titles change color while dates retain the default. Since Categories, and Categories List blocks already have <a> links so they reflect color changes by default.
2. In the frontend - Latest Posts and Latest comments blocks, the post and comment dates also reflect the user-defined color.

Before patch - Latest posts block in backend and front end

After patch - Latest posts block in backend and front end

Before patch - Latest comment block in backend and front end

After patch - Latest comment block in backend and front end

Test steps in the WordPress admin : -

Go to /wp-admin/ → activate twenty-twenty theme → create or edit a post.
Insert a Latest Posts or Latest comments block.
Set a custom text color.
Preview/save and verify the color is applied correctly on:

Editor side (backend)
Front end of the site

Since padding is defined by block-library styles, so not changing that.