Updates

packages/vitec/ContentBlocks/ContentElements/intro-paragraph/templates/backend-preview.html

@@ -60,6 +60,18 @@
             <span class="vitec-badge">↔ Full width</span>
         </f:if>
 
+        <f:comment>
+            The dot modifiers in backend-preview.css are fixed palette classes;
+            this colour is free-form, so the swatch carries the stored hex as an
+            inline style. The outline keeps white visible on the light preview.
+        </f:comment>
+        <f:if condition="{data.background_color}">
+            <span class="vitec-badge">
+                <span class="vitec-badge__dot" style="background: {data.background_color}; border: 1px solid #999;"></span>
+                BG: {data.background_color}
+            </span>
+        </f:if>
+
         <f:if condition="{data.button_text} && {data.button_link.url} == ''">
             <span class="vitec-badge vitec-badge--warning">⚠ Button text without link</span>
         </f:if>