내용 삭제됨 내용 추가됨
편집 요약 없음 |
편집 요약 없음 |
||
| 1번째 줄: | 1번째 줄: | ||
[[사용자:Pjzeta/파이퍼]] |
|||
== 코덱스 아이콘 라이트 모드 개선안 비교 == |
== 코덱스 아이콘 라이트 모드 개선안 비교 == |
||
각 방안을 라이트/다크 배경에 고정해 나란히 표시. 실제 적용 시에는 <code>틀:CodexTable/styles.css</code>에 CSS 한 줄을 추가하는 방식. |
각 방안을 라이트/다크 배경에 고정해 나란히 표시. 실제 적용 시에는 <code>틀:CodexTable/styles.css</code>에 CSS 한 줄을 추가하는 방식. |
||
2026년 6월 5일 (금) 15:11 기준 최신판
코덱스 아이콘 라이트 모드 개선안 비교
각 방안을 라이트/다크 배경에 고정해 나란히 표시. 실제 적용 시에는 틀:CodexTable/styles.css에 CSS 한 줄을 추가하는 방식.
| 방안 | 라이트 배경 | 다크 배경 | 비고 |
|---|---|---|---|
| A. 현재 (보정 없음) |    
|
|
라이트에서 아이콘 소실 |
| B. 다크 칩 — 그라데이션 |
|
|
양 테마 동일 CSS, 인게임 UI 느낌. 테마 분기 불필요 |
| C. 다크 칩 — 단색 + 테두리 |
|
|
B보다 평면적, 다크에서 테두리로 칸 구분 명확 |
| D. 외곽선 강화 (drop-shadow) |
|
|
16px 스탯 아이콘에 쓰는 방식. 면적 큰 흰 영역 내부는 여전히 흰색 |
| E. 반전 (invert, 라이트 한정) |
|
|
라이트에서만 반전 적용 가정. 테마 3종(라이트/다크/OS 자동) 분기 CSS 필요, 반투명 픽셀 회색 번짐 가능 |