> For the complete documentation index, see [llms.txt](https://docs.optis.me/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.optis.me/swatch/global-settings/two-color-swatch-split.md).

# Two-color swatch split

Some variants represent **two colors** (for example, a "Black / White" option). This setting is in **Global settings** and controls how the swatch is visually split between the two colors for every product.

## Split directions

<table><thead><tr><th width="220">Split direction</th><th>Look</th></tr></thead><tbody><tr><td><strong>Diagonal down</strong></td><td>Split along <code>\</code></td></tr><tr><td><strong>Diagonal up</strong></td><td>Split along <code>/</code></td></tr><tr><td><strong>Horizontal</strong></td><td>Top color / bottom color</td></tr><tr><td><strong>Vertical</strong></td><td>Left color / right color</td></tr></tbody></table>

Click **Save** to apply your changes.