# 카테고리 색상이 어두운 경우 다크 모드에서 달력 이벤트가 잘 안 보임

**URL:** https://meta.discourse.org/t/calendar-events-unreadable-in-dark-mode-if-the-category-has-a-dark-color/372315
**Category:** UX
**Tags:** events
**Created:** [6월 30, 2025, 6:44오후 UTC](https://meta.discourse.org/t/calendar-events-unreadable-in-dark-mode-if-the-category-has-a-dark-color/372315 "2025-06-30T18:44:33Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Magie](https://avatars.discourse-cdn.com/v4/letter/m/e274bd/32.png) [@Magie](https://meta.discourse.org/u/Magie)
#### Post date: [6월 30, 2025, 6:44오후 UTC](https://meta.discourse.org/t/calendar-events-unreadable-in-dark-mode-if-the-category-has-a-dark-color/372315/1 "2025-06-30T18:44:33Z")

</div>

캘린더 팀에,

다시 한번 찾아뵙습니다 🙈 🐣 다크 모드 사용자분들이 보고해 주신 동작에 대해 보고드립니다. 저희는 카테고리 캘린더를 사용하며, 여러 이벤트가 포함된 두 개의 하위 카테고리를 가지고 있습니다. 현재 하위 카테고리의 색상은 #470194(진한 보라색)와 #231F20(거의 검정색)이며, 이 색상이 캘린더에서 이벤트의 배경색으로 정의되어 있습니다.

문제는 다크 모드(Dracula, Solarized Dark, WCAG Dark)에서 글자 색상이 검정색으로 변하면서, 저희의 카테고리 색상 배경 위에 놓일 때 가독성이 떨어지는 것입니다.

 ![캘린더의 확대된 모습으로, 어두운 배경색 위에 읽기 어려운 어두운 글자 색상의 이벤트가 표시되어 있습니다](https://global.discourse-cdn.com/meta/original/4X/4/2/4/4247877739d1bb851fcb5bd4802ca1448f512a5e.png)  
 ![WCAG 캘린더의 확대된 모습으로, 어두운 배경색 위에 읽기 어려운 어두운 글자 색상의 이벤트가 표시되어 있습니다](https://global.discourse-cdn.com/meta/original/4X/3/1/1/3110ba0d592501d719552fe3b46fb00b229ccd58.png)  
 ![solarized 캘린더의 확대된 모습으로, 어두운 배경색 위에 읽기 어려운 어두운 글자 색상의 이벤트가 표시되어 있습니다](https://global.discourse-cdn.com/meta/original/4X/d/3/8/d386cd8a5a1a9ed2414fff43560a0bfc15f94a4e.png)  
 ![dracula 캘린더의 확대된 모습으로, 어두운 배경색 위에 읽기 어려운 어두운 글자 색상의 이벤트가 표시되어 있습니다](https://global.discourse-cdn.com/meta/original/4X/3/6/c/36c9466e56bdb34717e82d83326f05011884623d.png)

### 임시 해결책

저는 이 문제에 대한 임시 해결책을 만들었습니다:

```plaintext
#category-events-calendar .fc-event-container .fc-day-grid-event {
    color: #{dark-light-choose(white, white)};
}

```

그럼에도 불구하고, 이 부분도 여러분 측에서 수정할 수 있는 사항인지 궁금했습니다. 이 특정 경우에는 **단순하지 않다는 것** 을 이해합니다. 카테고리의 색상이 밝을 수도 있기 때문입니다(예: 노란색). 이 경우 검정색 글자 색상이 적합할 것입니다.

필요한 것은 "스마트한 색상 적응"이라고 생각합니다. 예를 들어, 카테고리의 색상에 따라 글자 색상이 검정색 또는 흰색으로 설정되는 방식입니다.

이것이 검토될 수 있는 사항인지, 아니면 제 임시 해결책을 그대로 사용해야 하는지 알려주시면 좋겠습니다. 🐥

---

<div class="post-metadata">

### Author: ![chapoi](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/chapoi/32/537252_2.png) [@chapoi](https://meta.discourse.org/u/chapoi)
#### Post date: [8월 22, 2025, 9:04오전 UTC](https://meta.discourse.org/t/calendar-events-unreadable-in-dark-mode-if-the-category-has-a-dark-color/372315/2 "2025-08-22T09:04:35Z")

</div>

안녕하세요!

> [@Magie](#):
>
> 이것이 고려해볼 만한 가치가 있는 것인지, 아니면 임시 수정안을 사용해야 하는지 알려주시면 좋겠습니다.

안전을 위해 임시 수정안을 사용하는 것이 가장 좋을 것 같습니다.

말씀하신 대로 이는 단순한 문제가 아니며, 저희가 내놓은 결과물에 만족하지 못할 수도 있습니다.