이모지 그룹을 기준으로 스타일링할 수 있어야 합니다

기여 기능
1

제 경우에는 다크 모드에서 반전해야 하는 백그라운드 SVG가 있습니다. 그룹 기반으로 스타일링할 수 없어서, 반전이 필요한 이모지 이름 끝에 밑줄(_)을 붙여야 합니다.

2

버그보다는 기능에 더 관련이 있는 것 같아서 해당 주제를 이동했습니다…

이것은 여기서 논의되고 있습니다:

또한, 언더스코어(_ )에 대해 좀 더 설명해 주실 수 있나요? 정확히 무슨 말씀인지 잘 모르겠습니다. 이모지 두 버전(다크 모드용과 라이트 모드용)이 :emoji:와 같이 이름이 지어져 있고, 라이트 테마에서는 명확하게 보이며, 다크 테마에 더 적합한 대안으로 :emoji_:이 있는 그런 방식인가요?

3 
@media (prefers-color-scheme: dark) {
    img.emoji[title$="_:"] {
    filter: invert(1)
    }
}

다크 모드에서 반전되는 검은색 SVG 이모지 시리즈를 가지고 있습니다. 아이콘은 여기서 확인하실 수 있습니다:

반전하지 않으려는 다른 이모지들이 많이 있으므로, 해당 이모지 끝에 “_” 값을 추가하고 있습니다.

예시:

:pencil_: **Edit** – 현재 선택된 레코드 편집 허용

:plus_: **Add** – 관련 테이블에 새 레코드 생성

:search_: **Search** – 관련 테이블에서 레코드 검색

Light Mode
Light Mode870×286 13.7 KB

Dark Mode
Dark Mode862×276 14 KB

이 방법을 통해 반전하지 않으려는 아이콘들을 유지할 수 있습니다:

image

도움 주셔서 감사합니다!