Good/bad code example design feels like a regression

Sometimes code examples have the class example-good or example-bad to highlight good practises or bad practises. Originally these snippets had a green/red background colour, now they have tick/cross icons in the corner.

These icons are not only hard to miss, but seem a little mis-leading (the cross for instance looks like a user could ‘close’ the code example).

I don’t have a clear idea as to what the design improvement should be here (possibly green/red borders on the left?) but I think what we currently have isn’t particularly good.

https://developer.mozilla.org/en-US/docs/MDN/Guidelines/Code_guidelines/General#highlight_good_and_bad_practice_examples

[Rumyra]

Apart from restoring the background-color, an alternative to ✔️ / ✖️ would be 👍 / 👎 .

I’m unsure about restoring the background colour tbh - with the varied colours for sections now… It’s hard to envisage without seeing. I would be inclined to just try the border colour - I like the idea of thumbs up thumbs down - are there flat icons we can use instead of emoji?

[caugner]

Here is how it looked before (source):