Use the `inverted` attribute when displayed on primary background.

```html
<div class="flex items-center gap-12 bg-primary p-8">
  <sd-divider orientation="horizontal" style="width: 120px" inverted></sd-divider>
</div>
```