Twenty Ten: The color of the plus icon should be white in Add Block button

[umesh84]

In Twenty Ten Theme, The color of the plus icon should be white in Add Block button

[umesh84]

For better understanding I have attached a screenshot

[kajalgohel]

patch added

[sabernhardt]

removes extra spaces and uses 3-character color code

[sabernhardt]

To meet ​coding standards, I updated the patch for Twenty Ten.

However, it may be better to add the color to all child elements of ​the toggle button within the editor for any theme (probably after the :hover state).

		& * {
			color: $white;
		}

[pooja1210]

Hi,

Tested the patch and it's working fine. With Twenty Ten Theme, the color of the Add Block button(plus icon) is appearing white after the fix.

Test Environment:
WordPress: 6.2
Theme: Twenty Ten
OS: MacOS
Browser: Chrome

Issue Before Patch: ​https://prnt.sc/lukTTPINSX9O

Fix After Patch Added: ​https://prnt.sc/bJTolmDvwz8W

Thanks!

[amin7]

Test Report

---

Patch tested: https://core.trac.wordpress.org/attachment/ticket/57414/%2357414.patch

Environment

OS: Windows 10 version 22H2
Web Server: Nginx
PHP: 8.1.9
WordPress: 6.2
Browser: Chrome 109.0.5414.87
Theme: Twenty Ten
Active Plugins: No plugins activated.

Actual Results

---

✅ The color of the plus icon from add block button is now white

Supplemental Artifacts

Before Patch: ​https://d.pr/i/KtPEbA
After Patch: ​https://d.pr/i/mcDz5x

[sabernhardt]

GB46568 may correct this for multiple themes, but I'll leave this open for now.

[audrasjb]

Given the related PR on Gutenberg was closed, I'd say it's probably better (and doesn't hurt) to fix it on Twenty Ten anyway…
See ​https://github.com/WordPress/gutenberg/pull/46636

[audrasjb]

Before patch :'(

[audrasjb]

After patch \o/

[audrasjb]

In 56081:

Twenty Ten: Prevent Block Inserter icon color override.

This changeset prevents the likes of body * { color: #000; } in custom styles to override the Block Inserter icon styles.

Props umesh84, kajalgohel, sabernhardt, pooja1210, amin7.
Fixes #57414.