[Theme] Franklin: Live site not reflecting table background color change

[hacchism]

Quick summary

When a custom background color is set to tables in the editor with the Franklin theme, it's not applied to live site.

Steps to reproduce

1. Activate the Franklin theme.
2. Create a new page and add a table with the Table Block.
3. Set a custom background color.
4. Publish the page and check the live page.

What you expected to happen

Custom background color set in editor is applied on the live page.

What actually happened

It shows up with light gray(#f7f7f7) no matter which custom background color is set in editor.

Editor:

Live page:

Impact

Some (< 50%)

Available workarounds?

Yes, difficult to implement

Platform (Simple and/or Atomic)

No response

Logs or notes

For Premium or higher, we can use CSS for a quick fix but no workaround is available for Personal or lower.

table td {
    background-color: #XXXXXX;
}

[cuemarie]

📌 SCRUBBING : RESULT - Replicated / Could Not Replicate / Uncertain

• Tested on Simple: Replicated
• Tested on AT: Replicated

📌 FINDINGS/SCREENSHOTS/VIDEO

• Replicated just as described.

The table block still shows the custom background color, but there are styles on the thead and tbody that override that:

table thead th {
  background-color: #f0f0f0;

table td, table tbody th {
  background-color: #f7f7f7;

CevlTG.mov

📌 ACTIONS

• Assigned to Themes
• Requested author feedback
• Added to ‘Bug scrub planning’ project board
• Transferred to themes repo