[openstreetmap/openstreetmap-website] Unread messages do not have green background (Issue #4312)

[Dimitar]

### URL

https://www.openstreetmap.org/messages/inbox

### How to reproduce the issue?

1. Go to your inbox
2. Mark any message as unread
3. (notice the lack of the green background on that row)

### Screenshot(s) or anything else?

Possibly related to https://github.com/openstreetmap/openstreetmap-website/pull/4262. The class `inbox-row-unread` is being applied to the row but it is overwritten by styles for the cells that come from Bootstrap. Namely:

```css
.table > :not(caption) > * > * {
  ...
  background-color: var(--bs-table-bg);
  ...
}
```

![image](https://github.com/openstreetmap/openstreetmap-website/assets/19364673/dba74b59-8ba3-4928-8e96-e25155630731)


-- 
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/issues/4312
You are receiving this because you are subscribed to this thread.

Message ID: <openstreetmap/openstreetmap-website/issues/4312 at github.com>
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20231024/67385930/attachment.htm>