<?xml version="1.0" encoding="UTF-8"?><oembed><type>video</type><version>1.0</version><html>&lt;iframe src=&quot;https://www.loom.com/embed/a212bb4161a048ee8ce62e59ce746639&quot; frameborder=&quot;0&quot; width=&quot;1920&quot; height=&quot;1440&quot; webkitallowfullscreen mozallowfullscreen allowfullscreen&gt;&lt;/iframe&gt;</html><height>1440</height><width>1920</width><provider_name>Loom</provider_name><provider_url>https://www.loom.com</provider_url><thumbnail_height>1440</thumbnail_height><thumbnail_width>1920</thumbnail_width><thumbnail_url>https://cdn.loom.com/sessions/thumbnails/a212bb4161a048ee8ce62e59ce746639-cf8e487171b8cafe.gif</thumbnail_url><duration>55.333333</duration><title>Custom Colours in Content Templates (Overview)</title><description>This Loom explains how to set up brand colors in content templates using four custom color slots. The creator configures what each slot looks like once, and page editors can select the brand colors from a dropdown. Each slot applies a fixed class to the page, and a short CSS file in CSS Override maps those classes to specific background and text colors. On content pages, a section uses custom one for its background and matching slot colors for text, and the same brand colors appear on the storefront using the CSS Override file and the template editor color settings.</description></oembed>