Business theme: Header section color on Table Block not reflecting on live site

[rinazrina]

Quick summary

When adding color to the Header section of a Table Block, the color displays correctly in the editor but does not appear in the published version. This issue seems to be specific to the Business theme.

Steps to reproduce

1. Activate Business theme on a site
2. Open a post or a page editor, and add a Table Block
3. Add any number of columns and raws > Create table
4. Under the block settings, enable Header section
5. Add some colors for the text and/or for the background of the table
6. Save the page and check the live version to see if the Heading section color shows

What you expected to happen

The color of the Heading section in the Table Block appears exactly as it does in the editor.

What actually happened

The color of the Heading section in the Table Block doesn't match the one in the editor. It shows a grey color instead.

Screenshot on my post editor:

---

Screenshot on the published version:

Impact

Some (< 50%)

Available workarounds?

Yes, difficult to implement

If the above answer is "Yes...", outline the workaround.

Changing the primary background color using custom CSS could work.

Platform (Simple and/or Atomic)

Simple, Atomic

Logs or notes

I can only reproduce the issue when using the Business theme.
Can't reproduce it on other Classic themes (2019 and Exford), and on Block themes (2024).

[Robertght]

📌 REPRODUCTION RESULTS

• Tested on Simple – Replicated
• Tested on Atomic – Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

• To me only the background color seems to be inconsistent as it's changing when I do, but it might be a specific color/contrast combination I'm missing.

📌 ACTIONS

• Triaged
• I transferred this to Themes