Incorrect section background on Redesign pages

[shirin27]

From vg-macktrucks-com-rd created by cogniSyb: Netcentric#199

On redesign pages, the wrong background colour is used for sections marked with "black background"

Expected: Secondary/Graphite #1D1D1D
Result: Primary/Black #000000

See below that there’s a specificity issue in the CSS:

[shirin27]

@DanielaPedrochevd Is this a bug? Please add milestone for this ticket.

[shirin27]

@cogniSyb the section metadata style that gives the graphite background color is dark-background

[shirin27]

Thanks @WendyKruger. Still that means a code change required to fix alignment issues:

The margins are correct for a section with "black background" set. I’ll remove "black background" and will apply the right margins for "dark background"

[cogniSyb]

This bug will be addressed in #633.

The section modifier dark-background already existed. Applying colors worked differently before redesign, creating inconsistencies in front-end. Also, we had the section modifier black-background. Solution is to have (separate) consistent code for redesign pages with section modifiers black-background and graphite-background. This will be clearer for both editors and developers