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

```html
<div class="flex gap-12 bg-primary p-4">
  <sd-link href="https://solid-design-system.fe.union-investment.de/docs/" inverted>Inverted</sd-link>
</div>
```