Skip to content

fix: 다크 테마에서 코드포스 수식 이미지 반전 표시 (#27)#28

Merged
dj258255 merged 2 commits into
mainfrom
fix/dark-theme-formula-images
Jul 6, 2026
Merged

fix: 다크 테마에서 코드포스 수식 이미지 반전 표시 (#27)#28
dj258255 merged 2 commits into
mainfrom
fix/dark-theme-formula-images

Conversation

@dj258255

@dj258255 dj258255 commented Jul 6, 2026

Copy link
Copy Markdown
Owner

Fixes #27

증상

다크 테마에서 코드포스 문제의 일부 수식(예: i ∈ [2; n])이 배경에 묻혀 안 보임.

원인

코드포스 구식 문제들은 수식을 KaTeX 텍스트가 아닌 이미지(espresso 호스트, 검은 글씨 + 투명 배경 PNG)로 제공. 문제 뷰 다크 CSS에 img[src^='data:'] 반전 규칙은 있었지만 espresso 수식 이미지가 대상에서 빠져 있었음.

변경

다크 모드 CSS 한 줄 추가:

img[src*='espresso.'] { filter: invert(0.85); }
  • invert(0.85): 검은 글씨 → 본문 텍스트(#d4d4d4)와 비슷한 밝기
  • 일반 삽화/다이어그램(codeforces.com 호스트)은 반전 대상에서 제외
  • 라이트 테마는 변경 없음

테스트

  • 컴파일 통과. 시각 확인은 runIde에서 espresso 수식 이미지가 있는 구식 코드포스 문제로 확인 필요

dj258255 added 2 commits July 7, 2026 01:25
코드포스 구식 문제의 수식은 espresso 호스트에서 서빙되는 검은 글씨 +
투명 배경 이미지라 다크 테마에서 배경에 묻힘. 기존 data: URI 이미지
반전과 같은 방식으로 espresso 이미지에 invert(0.85) 필터를 적용해
본문 텍스트 밝기에 맞춤. 일반 삽화는 반전 대상에서 제외.
- 문제 표시가 IDE 테마(다크/라이트)를 따르고, KaTeX 수식과 코드포스
  구식 이미지 수식(다크 테마 자동 반전, 이슈 #27)이 어떻게 처리되는지 기술
- 번역 기능 표에 수식·예제 입출력 보호(이슈 #25) 행 추가
@dj258255 dj258255 merged commit cc3eff0 into main Jul 6, 2026
@dj258255 dj258255 deleted the fix/dark-theme-formula-images branch July 6, 2026 16:30
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

다크 테마에서 코드포스 수식 이미지가 안 보임 (검은 글씨 + 투명 배경)

1 participant