특정 텍스트 색상 변경을 위한 올바른 CSS 위치 찾기 도움 요청

요소를 마우스 오른쪽 버튼으로 클릭하여 DevTools를 열고 클래스/ID를 기준으로 해당 요소를 지정할 수 있습니다.

사이드바에 있는 새/읽지 않은 주제의 점을 다음과 같이 색상으로 변경할 수 있습니다:

span.sidebar-section-link-suffix.icon.unread svg {
  color: red !important;
}

새 주제에 대한 주제의 점을 변경하려면 다음을 사용하세요:

a.badge-notification.new-topic::before {
  background-color: red !important;
}

알림 메뉴의 아이콘을 대상으로 하려면 이 CSS를 사용할 수 있습니다:

div.tabs-list a.user-menu-tab svg {
  color: red !important;
}

알림 메뉴에서 활성 아이콘만 대상으로 하려면 다음을 사용하세요:

div.tabs-list a.user-menu-tab.active svg {
  color: red !important;
}

호버 시 전체 알림을 대상으로 하려면 다음을 사용하세요:

div.quick-access-panel ul li:hover {
  background-color: red !important;
}

도움이 되길 바랍니다!

커스텀 CSS 코드를 어디에 입력해야 할지 모르겠다면 이 주제를 읽어보세요.

감사합니다. 정말 많이 도움이 되었어요. 이제 커스터마이징을 빠르게 진행 중입니다!

카테고리 편집 영역에서 클릭 및 호버 시 흰색 텍스트를 검은색으로 변경하려고 합니다.