Color Panel: Add Clear option to Text and Background Color Panels

[paaljoachim]

What problem does this address?

Lack of consistency.
Example from Text Color Panel in TT1 in the Side Editor. (WP 6.0 and Gutenberg plugin 13.7.2)

Color Panel: Text

Color Panel: Link.

The Link Panel has a Clear option while Text and Background color panels do not.

What is your proposed solution?

Add the Clear option to ALL Color panels. Inside the Site Editor and also in the Post Editor.
@jameskoster @javierarce

[richtabor]

Confirmed this is still the case.

Do you think we need a "Clear" action there? I haven't noticed it missing from the background and text controls myself. Curious what others think.

[javierarce]

Since we have a reset option in the ellipse menu that has the same effect, I think we could remove the Clear action from there.

[paaljoachim]

One method that is good to keep in place is click color to select. Click it again to deselect.
This does not work when creating a custom color.

The clear option might be a redundant, but at the same time it is also very obvious.
Reset options inside the 3 dot contexual menu feels like a good place to reset various options. As in the example that can be seen which is shared by Javier.

[richtabor]

This does not work when creating a custom color.

Not quite following here. Is there a separate issue indicating this? Select/deselect should would on every color/gradient control.

[paaljoachim]

EDIT: NB! My mistake. Retesting in next post.

Example.
Clicking Background color. Clicking into custom color area so the transparent area is filled in with a color.
There is no clear button.

Btw I checked again and I am not able to see the Clear button at all using Gutenberg plugin 14.7.1 and TT1 theme. As it uses the 3 dot drop down menu with the reset option.

[paaljoachim]

Retesting.
Gutenberg plugin 14.7.3. (The only plugin which is active.)
WordPress 6.1.1

Varies themes.
Testing environment is an online development site in the Brave browser.
Using a Heading block.

---

TT1.
Index template.
Added Heading block.

Added colors to Text, Background and Link.
Text color: from Theme.
Background color: from Custom.
Link color: from default.

Link color is showing a Clear button.

Text and Background does not have a Clear button.

---

Twenty Twenty-Two

Index template.
Added Heading block.
Added colors to Text, Background and Link.

Link color is showing a Clear link.

---

Twenty Twenty Three

Index template.
Added Heading block.
Added colors to Text, Background and Link.

Link color is showing a Clear link.

---

After chasing my own tail for a few rounds I am now back again.
It seems natural to remove the Clear link as Javier mentioned.