# Solved Topic Badge
**URL:** https://meta.discourse.org/t/solved-topic-badge/281981
**Category:** Theme component
**Tags:** solved
**Created:** [October 12, 2023, 8:22am UTC](https://meta.discourse.org/t/solved-topic-badge/281981 "2023-10-12T08:22:30Z")
**Posts on this page:** 20
**Page:** 1
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [October 12, 2023, 8:22am UTC](https://meta.discourse.org/t/solved-topic-badge/281981/1 "2023-10-12T08:22:30Z")
| | | |
| --- | --- | --- |
| ℹ | **Summary** | Adds styling options to the solved and unsolved topics. |
| 🛠 | **Repository** | [GitHub - VaperinaDEV/solved-topic-badge: This theme component adds styling options to the solved and unsolved topics. · GitHub](https://github.com/VaperinaDEV/solved-topic-badge) |
| ❓ | **Install Guide** | [How to install a theme or theme component](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682) |
| 📖 | **New to Discourse Themes?** | [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) |
Install this theme component
Hello 👋
This theme component adds styling options to the solved and unsolved topics. You can set custom badge and background color.
By default it looks like this on topic list page 🔽
**Styled (before title)**
**With background**
* * *
**Inline**
* * *
**Styled (after title)**
* * *
Topic title, Topic header
**Styled**
* * *
**Inline**
* * *
There are a bunch of settings where you can change the icon, text and style separately solved and unsolved.
Global indicator settings 🔽
**type**
– styled (badge)
– inline (it placed inline before title)
**placement** (styled)
– before-title
– after-title
**border-radius**
– badge rounding
* * *
**Solved Indicator settings**
**solved indicator**
– It uses unicode ✔ but you can use other too. (e.g. emoji). It place before label.
…
…
…
**solved border color**
The badge has a 1px transparent border and this setting you can set a color for it.
**enable solved topic background**
Enabling this setting will activate the background field below it where you can set the topic list item background color.
* * *
**Unsolved Indicator setting**
Same settings for unsolved indicator below these…
> If you want to enable the unsolved indicator than turn on the **empty box on unsolved** Discourse Solved plugin setting.
* * *
**Todo:**
– Try to move it to use as topic status (will appear _everywhere_ the topic status is appear and it allows to use custom icon too)
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [October 13, 2023, 4:02am UTC](https://meta.discourse.org/t/solved-topic-badge/281981/2 "2023-10-13T04:02:00Z")
Cool theme-component. Only one minor issue is the about category post also marked unsolved .
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [October 13, 2023, 6:29am UTC](https://meta.discourse.org/t/solved-topic-badge/281981/3 "2023-10-13T06:29:41Z")
Hello @Heliosurge 👋
Thank you 🙂
Technically the `about topic` is also a solvable topic. If you have enabled the **empty box on unsolved** setting on Discourse Solved plugin then the empty box is appears for the topic list `about topic` and in the `about topic` too. To hide the unsolved badge for a specific topic you have to close it.
---
### Author:  [@Heliosurge](https://meta.discourse.org/u/Heliosurge)
#### Post date: [October 13, 2023, 7:48am UTC](https://meta.discourse.org/t/solved-topic-badge/281981/4 "2023-10-13T07:48:45Z")
Awesome thank you! Learned something new.
🍻😎👍✨
---
### Author:  [@barto\_95](https://meta.discourse.org/u/barto_95)
#### Post date: [November 3, 2023, 6:15pm UTC](https://meta.discourse.org/t/solved-topic-badge/281981/7 "2023-11-03T18:15:44Z")
Thank’s for component….
but with the component
[https://github.com/VaperinaDEV/discourse-solved-quote-](https://github.com/VaperinaDEV/discourse-solved-quote-)
the message résolve not show with green, component don’t work …. ☹
it’s not possible to have 2 component one for subject and one for message work
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [November 5, 2023, 6:50am UTC](https://meta.discourse.org/t/solved-topic-badge/281981/8 "2023-11-05T06:50:55Z")
Hello @barto_95 👋
These two components should works together correctly but the correct component url is: [GitHub - VaperinaDEV/discourse-solved-quote-customization · GitHub](https://github.com/VaperinaDEV/discourse-solved-quote-customization)
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [February 7, 2025, 8:38am UTC](https://meta.discourse.org/t/solved-topic-badge/281981/9 "2025-02-07T08:38:37Z")
Hello 👋 I’ve updated this theme component to work with Glimmer topic list. 🙂 Thanks for the report: [Discourse topic-list changes · Issue #4 · VaperinaDEV/solved-topic-badge · GitHub](https://github.com/VaperinaDEV/solved-topic-badge/issues/4)
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 21, 2025, 8:26pm UTC](https://meta.discourse.org/t/solved-topic-badge/281981/15 "2025-04-21T20:26:00Z")
The legacy topic list has been dropped this month.
The code can be removed:
>
* * *
Made a quick PR:
[https://github.com/VaperinaDEV/solved-topic-badge/pull/6](https://github.com/VaperinaDEV/solved-topic-badge/pull/6)
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [April 21, 2025, 10:11pm UTC](https://meta.discourse.org/t/solved-topic-badge/281981/16 "2025-04-21T22:11:05Z")
Oops, sorry, I forgot to update this component. Thanks @Arkshine, I’ve merged it. ❤
@ozkn, please update the component.
---
### Author:  [@Monikas](https://meta.discourse.org/u/Monikas)
#### Post date: [April 22, 2025, 3:02am UTC](https://meta.discourse.org/t/solved-topic-badge/281981/17 "2025-04-22T03:02:43Z")
This component is incompatible with [discourse-umbrella-groupswitchdisplay](https://github.com/Umbrella-CAST/discourse-umbrella-groupswitchdisplay) and cannot be used together. An error has occurred which may prevent your site from working correctly.
**Reason:** Conflict between active themes/components.
Click here to **update** , **reconfigure** , or **disable** the component.
_(This message is only visible to site administrators.)_
---
### Author:  [@ozkn](https://meta.discourse.org/u/ozkn)
#### Post date: [April 22, 2025, 7:19am UTC](https://meta.discourse.org/t/solved-topic-badge/281981/18 "2025-04-22T07:19:30Z")
Thanks for the update. I updated and tried but I get the same error. @Don
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [April 22, 2025, 7:24am UTC](https://meta.discourse.org/t/solved-topic-badge/281981/19 "2025-04-22T07:24:16Z")
Oh, yeah sorry I see. Fixed here: [FIX: Discourse version to beta3 · VaperinaDEV/solved-topic-badge@e5889a3 · GitHub](https://github.com/VaperinaDEV/solved-topic-badge/commit/e5889a38963fa120f581faf630facbc6731bf0c1) Please update again. 🙂
---
### Author:  [@ozkn](https://meta.discourse.org/u/ozkn)
#### Post date: [April 22, 2025, 7:36am UTC](https://meta.discourse.org/t/solved-topic-badge/281981/20 "2025-04-22T07:36:34Z")
Thanks, it’s working fine now without any problems.
---
### Author:  [@Arkshine](https://meta.discourse.org/u/Arkshine)
#### Post date: [April 22, 2025, 12:03pm UTC](https://meta.discourse.org/t/solved-topic-badge/281981/21 "2025-04-22T12:03:43Z")
Oops, sorry!
---
### Author:  [@xkhalid](https://meta.discourse.org/u/xkhalid)
#### Post date: [July 14, 2025, 2:23am UTC](https://meta.discourse.org/t/solved-topic-badge/281981/22 "2025-07-14T02:23:42Z")
Hi Guys,
After updating to the latest version:
`3.5.0.beta8-dev (commit: 5eca6d826e)`
I encountered a visual regression related to the **Discourse Solved** and **Solved Topic Badge** plugins.
### Issue:
Previously, solved topics would have a **green background** , and unsolved topics (awaiting solution) would appear with a **red background** in the topic list.
Now, **all solved topics no longer display the green background** , even though the setting is enabled.
### Details:
- Plugin: [Discourse Solved](https://meta.discourse.org/t/discourse-solved/30155) + [Solved Topic Badge](https://meta.discourse.org/t/solved-topic-badge/281981)
- Setting `enable solved topic background` is **enabled**
- This worked as expected before the update
### Screenshot (after the update):
### Expected:
Solved topics should retain the green background for better visual clarity.
Please let me know if this is a regression or if any new CSS changes are required to restore this behavior.
---
### Author:  [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [July 14, 2025, 6:09am UTC](https://meta.discourse.org/t/solved-topic-badge/281981/23 "2025-07-14T06:09:34Z")
I think this happens on topics you have read because of the changes in
[UX: Variable additions (#33473) · discourse/discourse@20f57ae · GitHub](https://github.com/discourse/discourse/commit/20f57aec12a5d2291c79a447d18eb3f164877c61),
which added a separate background color for visited topics.
You could probably fix that with your own CSS until the theme component is adapted, but I can’t check how right now.
Issues with components that aren’t #official should generally be reported in the topic.
---
### Author:  [@xkhalid](https://meta.discourse.org/u/xkhalid)
#### Post date: [July 14, 2025, 12:24pm UTC](https://meta.discourse.org/t/solved-topic-badge/281981/25 "2025-07-14T12:24:41Z")
> [@Moin](#):
>
> You could probably fix that with your own CSS until the theme component is adapted, but I can’t check how right now.
Thanks Moin!
I managed to fix it using custom CSS:
```css
.topic-list-item.solved,
.topic-list-item.visited.solved,
.latest-topic-list-item.solved,
.latest-topic-list-item.visited.solved {
background-color: var(--success-low) !important;
}
```
* * *
CC: @sam @j.jaffeux
---
### Author:  [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [July 14, 2025, 3:01pm UTC](https://meta.discourse.org/t/solved-topic-badge/281981/26 "2025-07-14T15:01:53Z")
@Don due to recent variable additions to core, you may need to tweak your component a bit for the background colors to work, even when a topic has been visited.
---
### Author:  [@Don](https://meta.discourse.org/u/Don)
#### Post date: [July 14, 2025, 5:51pm UTC](https://meta.discourse.org/t/solved-topic-badge/281981/27 "2025-07-14T17:51:08Z")
Hello 👋 Thanks for the report! Here is the update: [UX: Adds background color for visited topic list items · VaperinaDEV/solved-topic-badge@1f87fe4 · GitHub](https://github.com/VaperinaDEV/solved-topic-badge/commit/1f87fe4cb58e988c4a4fe3fa82d4cdd37bb73c70)
---
### Author:  [@digitaldominica](https://meta.discourse.org/u/digitaldominica)
#### Post date: [July 24, 2025, 9:59pm UTC](https://meta.discourse.org/t/solved-topic-badge/281981/28 "2025-07-24T21:59:02Z")
Hi @Don I noticed the colored background for logged out users do not get displayed.
And the background color for aside.quote.accepted-answer\>blockquote doesn’t take the color of the solved badge is there a way to adjust it?
[Next page](https://meta.discourse.org/t/solved-topic-badge/281981.md?page=2)