# How do I customise the styling of "solved topics" in the main list?

**URL:** <https://meta.discourse.org/t/how-do-i-customise-the-styling-of-solved-topics-in-the-main-list/58379>\
**Category:** Support\
**Tags:** solved\
**Created:** [Juin 30, 2015, 10:02 UTC](https://meta.discourse.org/t/how-do-i-customise-the-styling-of-solved-topics-in-the-main-list/58379 "2015-06-30T10:02:46Z")\
**Posts on this page:** 1\
**Showing post:** 11

<div class="post-metadata">

**Author:** ![loginerror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/loginerror/32/156605_2.png) [@loginerror](https://meta.discourse.org/u/loginerror)\
**Post date:** [Octobre 15, 2021, 10:50 UTC](https://meta.discourse.org/t/how-do-i-customise-the-styling-of-solved-topics-in-the-main-list/58379/11 "2021-10-15T10:50:17Z")

</div>

Je suis d’accord pour dire qu’il serait utile d’avoir une classe pour le `div.topic-body` d’un sujet résolu.

Je peux imaginer une solution de contournement comme celle-ci :

```plaintext
<script type="text/discourse-plugin" version="0.8.42">
api.onPageChange((url) => {
  $('button.accepted').parents('div.topic-body:first').toggleClass('solved-post-container', true);
});
</script>

```

Avec un peu de CSS comme ceci :

```plaintext
.solved-post-container {
outline: 3px !important;
outline-color: var(--success) !important;
outline-style: solid !important;
}

```

Mais je pense qu’il faut tout de même prévoir un point d’accroche dans l’action de résolution pour que le contour disparaisse lorsque le sujet n’est plus marqué comme résolu (peut-être un cas limite, mais ce serait bien de le couvrir).

Avoir une classe spécifique pour le corps du sujet résolu réglerait le problème, je crois 🙂

---

_[View the full topic](https://meta.discourse.org/t/how-do-i-customise-the-styling-of-solved-topics-in-the-main-list/58379)._