This below is self-explanatory.
$ echo '<div style="background-color:{{#if: #DCDCDC|#DCDCDC|#F0F0F0}};">foo</div>' | php bin/parse.php 130 ↵ <div style="background-color: DCDCDC;" about="#mwt2" typeof="mw:ExpandedAttrs" data-parsoid='{"stx":"html","a":{"style":"background-color:\nDCDCDC;"},"sa":{"style":"background-color:{{#if: #DCDCDC|#DCDCDC|#F0F0F0}};"},"dsr":[0,73,64,6]}' data-mw='{"attribs":[[{"txt":"style"},{"html":"background-color:<span about=\"#mwt1\" typeof=\"mw:Transclusion\" data-parsoid='{\"pi\":[[{\"k\":\"1\"},{\"k\":\"2\"}]],\"dsr\":[29,62,null,null]}' data-mw='{\"parts\":[{\"template\":{\"target\":{\"wt\":\"#if: #DCDCDC\",\"function\":\"if\"},\"params\":{\"1\":{\"wt\":\"#DCDCDC\"},\"2\":{\"wt\":\"#F0F0F0\"}},\"i\":0}},\";\"]}'>\n</span><ol about=\"#mwt1\" data-parsoid='{\"dsr\":[null,62,0,0]}'><li data-parsoid='{\"dsr\":[null,62,1,0]}'>DCDCDC;</li></ol>"}]]}'>foo</div>
This causes rendering diffs on several pages where this pattern is used to style div tags.