# 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:** 87

<div class="post-metadata">

### Author: ![tknospdr](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tknospdr/32/529762_2.png) [@tknospdr](https://meta.discourse.org/u/tknospdr)
#### Post date: [August 5, 2025, 5:50pm UTC](https://meta.discourse.org/t/topic-cards/296048/87 "2025-08-05T17:50:46Z")

</div>

> [@tknospdr](#):
>
> Thanks, I added:
> 
> ```plaintext
> .topic-card.has-max-height {
> background: #e6ecf2
> }
> .topic-card.has-max-height:hover {
> background: #ddecf7
> }
> 
> ```
> 
> And it works perfectly with stock ‘Shades of Blue’ palette.
> 
> Alright, part 2. How do I edit it to work with 2 color palettes? Looked good till the browser switched to dark mode.
> 
> Answering my own question again…
> 
> I learned about `@media (prefers-color-scheme: light/dark)` last night, so all good.

So it appears something has changed with the last round of Discourse updates.  
Only the very left edge of my topic cards are now respecting this CSS, I’ve been poking around to try and find what will fix it but so far have been unsuccessful.  
Can anyone else confirm and see if they can track down the needed changes?

---

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