## Table of Contents

- [contrast](#contrast)

---

[](https://microlink.io/docs/api/getting-started/overview)

[API](https://microlink.io/docs/api/getting-started/overview)

[](https://microlink.io/docs/guides)

GUIDES

[](https://microlink.io/docs/mql/getting-started/overview)

MQL

[](https://microlink.io/docs/sdk/getting-started/overview)

SDK

[](https://microlink.io/docs/cards/getting-started/overview)

CARDS

## contrast

Type: \<boolean\>\
Default: false

When enabled, it will generate a high contrast card based on predominant colors detected in the feature image from the target URL.

```
<template>

  <Microlink

    url="https://github.com/cleanbrowsing/dnsperftest"

    :contrast="true"

  />

</template>
```

The contrast mode has better accessibility ratio.

[![](https://cdn.microlink.io/data/assets/github.com!cleanbrowsing!dnsperftest/opengraph.githubassets.com!5d954dfd10a442ee1a5d1f96c398a8a2490c2e544e55459f2eb0fb10ff9eff0e!cleanbro)](https://github.com/cleanbrowsing/dnsperftest "GitHub - cleanbrowsing/dnsperftest: DNS Performance test")

[DNS Performance test. Contribute to cleanbrowsing/dnsperftest development by creating…](https://github.com/cleanbrowsing/dnsperftest "GitHub - cleanbrowsing/dnsperftest: DNS Performance test")