CSS conflict in Custom Fields table

[princeofabyss]

When using the ​Custom Fields feature, there are two conflicting CSS styles.

More specifically the background-color in the following CSS bit:

#postcustomstuff table {
  margin: 0;
  width: 100%;
  border: 1px solid #dcdcde;
  border-spacing: 0;
  background-color: #f6f7f7;
}

with the background-color in the following CSS bit:

.alternate, .striped > tbody > :nth-child(2n+1), ul.striped > :nth-child(2n+1) {
  background-color: #f6f7f7;
}

resulting in all rows of the table in div#postcustomstuff to have the same background color (#f6f7f7)

[sabernhardt]

I only noticed the alternate class in the block editor, though the Custom Fields table is also in the Classic editor. The background colors are defined in edit.css and common.css (wp-admin).

The next-darkest gray is #f0f0f1.

ticket: https://core.trac.wordpress.org/ticket/55509

Trac ticket: