새 메시지 원형의 색상은 어떻게 결정되나요?

헤더의 채팅 아이콘에 있는 "새 메시지 원형"의 색상은 어떻게 결정되나요? 포럼을 커스터마이징한 후, 해당 원형이 아이콘과 거의 같은 회색이 되어 새 메시지 알림이 잘 눈에 띄지 않습니다. 웹사이트의 나머지 부분에 사용하는 색상에는 영향을 주지 않고 이 색상을 변경하고 싶습니다.

한편, 새 주제에 사용되는 색상(기본 파란색)은 우리 웹사이트에서는 여전히 파란색으로 유지되고 있습니다. 새 채팅 메시지와 새 주제에 동일한 색상을 사용하는 것은 괜찮습니다.

1개의 좋아요

안녕하세요,

“일반” 메시지(다이렉트 메시지가 아니라 채널의 읽지 않은 메시지)는 background: var(--tertiary-med-or-tertiary); 색상입니다. 따라서 이는 사용자가 설정한 서티어리(tertiary) 액센트 색상에서 파생된 것입니다.

기본값은 푸른 계열입니다.

서티어리 색상을 변경하고 싶지 않다면, CSS에서 .chat-channel-unread-indicator의 배경색을 별도로 지정하여 이 항목만 덮어쓸 수 있습니다.

새로운 다이렉트 메시지는 기본적으로 녹색이며, 이는 var(--success) 변수를 사용합니다.

도움이 되셨길 바랍니다!
감사합니다 :beers:

9개의 좋아요
  1. 헤더의 채팅 채널 안 읽음 표시기뿐만 아니라, 채팅 안의 각 채널 뒤에 따라오는 채팅 채널 안 읽음 표시기의 배경색도 변경하고 싶습니다. 해당 클래스 이름은 무엇인가요?
  2. 채팅 안에서는 각 채널의 표시기에 안 읽은 메시지 수가 표시되고, 각 개인 채팅의 표시기에도 안 읽은 메시지 수가 표시됩니다. 하지만 헤더에서는 개인 채팅 표시기만 모든 안 읽은 개인 채팅 메시지 수의 합계를 나타내는 숫자가 표시되고, 채널 표시기에는 숫자가 없습니다. 채널 표시기에 숫자가 보이도록 하려면 어떻게 해야 하나요?

감사합니다.

1개의 좋아요

DOM 인스펙터를 보면 쉽게 찾을 수 있습니다. 이를 사용하여 오버라이드할 수 있습니다:
채널의 경우:
.chat-enabled .sidebar-section-link-suffix.icon.unread svg

개인 채팅의 경우:
.chat-enabled .sidebar-section-link-suffix.icon.urgent svg

제가 아는 한 이를 위한 기본 제공 방법은 없습니다. 이를 위해 플러그인을 만들어야 할 수도 있습니다.

4개의 좋아요

게시글이 새 주제(색상 변수를 선택하는 방법?)로 분리되었습니다.