# Topic Cards

**URL:** https://meta.discourse.org/t/topic-cards/296048
**Category:** Theme component
**Tags:** official, topic-cards
**Created:** [February 20, 2024, 12:04pm UTC](https://meta.discourse.org/t/topic-cards/296048 "2024-02-20T12:04:45Z")
**Posts on this page:** 1
**Showing post:** 93

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [August 6, 2025, 1:55pm UTC](https://meta.discourse.org/t/topic-cards/296048/93 "2025-08-06T13:55:30Z")

</div>

> [@tknospdr](#):
>
> How would that account for the differences when changing between light and dark?

You can use the css function [`light-dark()`](https://developer.mozilla.org/en-US/docs/Web/CSS/color_value/light-dark)

`--variable-name: light-dark(#efedea, #223a2c);`

> [@tknospdr](#):
>
> I don’t want it to be different once visited

You can set them both to the same thing.

> [@tknospdr](#):
>
> doesn’t cover the hover color change.

Nothing has been done to `:hover` in core. You’ll just need to make sure to set the variable to what you want when hovering.

---

_[View the full topic](https://meta.discourse.org/t/topic-cards/296048)._