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

**URL:** https://meta.discourse.org/t/should-be-able-to-style-based-on-emoji-group/250199
**Category:** Feature
**Created:** [12월 30, 2022, 2:36오후 UTC](https://meta.discourse.org/t/should-be-able-to-style-based-on-emoji-group/250199 "2022-12-30T14:36:50Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![Grant\_Fitzsimmons](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/grant_fitzsimmons/32/287251_2.png) [@Grant\_Fitzsimmons](https://meta.discourse.org/u/Grant_Fitzsimmons)
#### Post date: [12월 30, 2022, 2:36오후 UTC](https://meta.discourse.org/t/should-be-able-to-style-based-on-emoji-group/250199/1 "2022-12-30T14:36:50Z")

</div>

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

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [12월 30, 2022, 7:39오후 UTC](https://meta.discourse.org/t/should-be-able-to-style-based-on-emoji-group/250199/2 "2022-12-30T19:39:04Z")

</div>

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

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

> [@요구사항: 사용자 정의 이모지의 다크/라이트 모드 옵션](https://meta.discourse.org/t/rfe-dark-light-mode-options-for-custom-emoji/207558):
>
> So, I’m using and love [Discourse Reactions - Beyond Likes](https://meta.discourse.org/t/discourse-reactions-beyond-likes/183261). I have some custom emoji, like :classic\_smiley: [image] (My gen-z teenagers tell me that slightly_smiling_face does not mean what I, gen-x, think it does. But they will never take my emoticons.) The problem is: that looks great in light mode, but fails in dark mode. I’d like it to automatically be replaced with a different color (like, white, probably). It would be lovely if the custom emoji interface would allow upload of images d…

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

---

<div class="post-metadata">

### Author: ![Grant\_Fitzsimmons](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/grant_fitzsimmons/32/287251_2.png) [@Grant\_Fitzsimmons](https://meta.discourse.org/u/Grant_Fitzsimmons)
#### Post date: [12월 31, 2022, 2:09오전 UTC](https://meta.discourse.org/t/should-be-able-to-style-based-on-emoji-group/250199/3 "2022-12-31T02:09:34Z")

</div>

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

```

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

> **[Using Forms in Specify 7](https://speciforum.org/t/using-forms-in-specify-7/959)**
>
> 📖 This guide explains using and modifying of forms. It covers navigating records, using query combo boxes, managing subviews for one-to-many relationships, and utilizing the carry-forward and auto-numbering. The documentation also details the...

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

예시:

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

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

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

```

 ![Light Mode](https://global.discourse-cdn.com/meta/original/4X/8/2/d/82d9815ae5df81cbbd081d9bf7867b4a82fc2d57.png)

 ![Dark Mode](https://global.discourse-cdn.com/meta/original/4X/4/4/d/44df50bb08c2ffb862906ef80e9d20acfe115984.png)

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

![image](https://cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/meta/optimized/4X/f/9/e/f9e2dae5274f9e30df09c98995e7c7da8e62de67_2_517x42.png)

도움 주셔서 감사합니다!