# 해결된 주제 제목에 \[SOLVED\] 추가하기

**URL:** https://meta.discourse.org/t/add-solved-to-solved-topic-titles/281525
**Category:** UX
**Tags:** solved
**Created:** [7월 12, 2023, 7:21오전 UTC](https://meta.discourse.org/t/add-solved-to-solved-topic-titles/281525 "2023-07-12T07:21:35Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![barto\_95](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/barto_95/32/199996_2.png) [@barto\_95](https://meta.discourse.org/u/barto_95)
#### Post date: [7월 12, 2023, 7:21오전 UTC](https://meta.discourse.org/t/add-solved-to-solved-topic-titles/281525/1 "2023-07-12T07:21:35Z")

</div>

gwenael I 사용자가 플러그인을 추가하여 제목 주제 [SOLVED]를 해결한 것일 수 있습니다  
?

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [10월 8, 2023, 3:41오후 UTC](https://meta.discourse.org/t/add-solved-to-solved-topic-titles/281525/2 "2023-10-08T15:41:01Z")

</div>

현재 플러그인에는 이를 수행할 기능이 없지만, 테마 컴포넌트를 활용해 시각적으로 무언가를 구현할 수 있지 않을까요?

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [10월 8, 2023, 3:52오후 UTC](https://meta.discourse.org/t/add-solved-to-solved-topic-titles/281525/3 "2023-10-08T15:52:21Z")

</div>

안녕하세요 👋

네, 간단한 CSS 코드만으로도 가능합니다.

```scss
.topic-list-item {
  &.status-solved {
    .title {
      &:before {
        content: "[SOLVED] ";
      }
    }
  }
}

```

결과

![Screenshot 2023-10-08 at 17.51.27](https://global.discourse-cdn.com/meta/original/4X/2/0/9/2096c09df95a67108ae315d2db45d24ef3d1e6d2.png)

---

<div class="post-metadata">

### Author: ![barto\_95](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/barto_95/32/199996_2.png) [@barto\_95](https://meta.discourse.org/u/barto_95)
#### Post date: [10월 8, 2023, 7:27오후 UTC](https://meta.discourse.org/t/add-solved-to-solved-topic-titles/281525/4 "2023-10-08T19:27:49Z")

</div>

네, 감사합니다. 하지만 이것은 주제 목록에만 적용됩니다. 특정 주제에 들어가면 SOLVED 표시가 나오지 않아요.

이를 위해 추가해야 하는 CSS는 무엇인가요?

---

<div class="post-metadata">

### Author: ![Don](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/don/32/228726_2.png) [@Don](https://meta.discourse.org/u/Don)
#### Post date: [10월 12, 2023, 8:33오전 UTC](https://meta.discourse.org/t/add-solved-to-solved-topic-titles/281525/5 "2023-10-12T08:33:15Z")

</div>

안녕하세요 👋

이것에 대한 테마 컴포넌트를 만들었습니다. 🙂

> [@해결됨 배지](https://meta.discourse.org/t/solved-topic-badge/281981?u=don):
>
> information_source요약 해결된 및 미해결된 주제에 스타일링 옵션을 추가합니다.hammer_and_wrench저장소 [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)question설치 가이드 [테마 또는 테마 컴포넌트 설치 방법](https://meta.discourse.org/t/how-do-i-install-a-theme-or-theme-component/63682)open_book디스코urse 테마를 처음 사용하시나요? [디스코urse 테마 사용 입문 가이드](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) 이 테마 컴포넌트 설치 안녕하세요 waving_hand 이 테마 컴포넌트는 해결된 및 미해결된 주제에 스타일링 옵션을 추가합니다. 사용자 지정 배지 및 배경색을 설정할 수 있습니다. 기본적으로 주제 목록 페이지에서 다음과 같이 보입니다 arrow_down_small 스타일 적용 (제목 전)