Table: Continued enhancement of color options

[aaronrobertshaw]

Follow-up to #30791

Current Situation

The table block has recently been switched to use block supports to provide greater control over background and text colors.

It was decided that change was a good first step however we need to address some additional issues such as:

• allowing control of table border color
• specifying different colors for table headers and footers
• contrast issues with the striped style
• providing control over secondary background or font colors when striped style is selected

See: #30791 (comment)

Example Designs Enabled By This

Next Steps

The lowest hanging fruit here will be adding control of the border color. We already have border color block support that can be leveraged to achieve this.

Next, adding control over the secondary background and font colors should help to address contrast issues.

Exploring separate color selections for table headers and footers might be the trickiest if we wish to minimise the number of color controls we are adding to the sidebar.

Tasks

• Add border support ( Border Block Support: Add utilities to get border classes and styles #31264 & Table: Add border block support #31265 )
• Add secondary background and font color control
• Add custom colors for table headers and footers

[aaronrobertshaw]

Border support has been added to the Table block via #31264 & #31265.

The first PR adds utilities to collect border support CSS classes and styles when skipping serialization. The second uses those to provide border support to the Table block.

[carolinan]

Link color should also be enabled.

[aaronrobertshaw]

A lot is potentially changing with the Table block including a new version that leverages inner blocks. See:

• POC: Table block with inner blocks #81593

This will have larger implications for adoption of block supports and global styles. That said, I think it is best to close this issue for now.