User:Pjzeta: 두 판 사이의 차이

내용 삭제됨 내용 추가됨

인라인

2026년 6월 5일 (금) 15:11 기준 최신판

코덱스 아이콘 라이트 모드 개선안 비교

각 방안을 라이트/다크 배경에 고정해 나란히 표시. 실제 적용 시에는 틀:CodexTable/styles.css에 CSS 한 줄을 추가하는 방식.

방안	라이트 배경	다크 배경	비고
A. 현재 (보정 없음)			라이트에서 아이콘 소실
B. 다크 칩 — 그라데이션			양 테마 동일 CSS, 인게임 UI 느낌. 테마 분기 불필요
C. 다크 칩 — 단색 + 테두리			B보다 평면적, 다크에서 테두리로 칸 구분 명확
D. 외곽선 강화 (drop-shadow)			16px 스탯 아이콘에 쓰는 방식. 면적 큰 흰 영역 내부는 여전히 흰색
E. 반전 (invert, 라이트 한정)			라이트에서만 반전 적용 가정. 테마 3종(라이트/다크/OS 자동) 분기 CSS 필요, 반투명 픽셀 회색 번짐 가능

@@ 1번째 줄: / 1번째 줄: @@
+== 코덱스 아이콘 라이트 모드 개선안 비교 ==
-세계관 문서에서 지역 11개를 나열하는 방식 비교.
+각 방안을 라이트/다크 배경에 고정해 나란히 표시. 실제 적용 시에는 <code>틀:CodexTable/styles.css</code>에 CSS 한 줄을 추가하는 방식.
+{| class="wikitable" style="word-break:keep-all;"
-== 옵션 1: 위키 표 ==
+! 방안 !! style="min-width:240px;" | 라이트 배경 !! style="min-width:240px;" | 다크 배경 !! 비고
-{| class="wikitable"
-! 한글 !! 원문 !! 비고
 |-
+| '''A. 현재''' (보정 없음)
-| [[칼리폴리스]] || Kallipolis ||
+| style="background:#ffffff; text-align:center;" | [[파일:왕벌의_비행.png|40px|link=]] [[파일:트로이의_목마.png|40px|link=]] [[파일:깨달음.png|40px|link=]] [[파일:운명_교향곡.png|40px|link=]]
+| style="background:#14181f; text-align:center;" | [[파일:왕벌의_비행.png|40px|link=]] [[파일:트로이의_목마.png|40px|link=]] [[파일:깨달음.png|40px|link=]] [[파일:운명_교향곡.png|40px|link=]]
+| 라이트에서 아이콘 소실
 |-
+| '''B. 다크 칩 — 그라데이션'''
-| [[광산도시 오즈]] || Oz ||
+| style="background:#ffffff; text-align:center;" | <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:왕벌의_비행.png|40px|link=]]</span> <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:트로이의_목마.png|40px|link=]]</span> <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:깨달음.png|40px|link=]]</span> <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:운명_교향곡.png|40px|link=]]</span>
+| style="background:#14181f; text-align:center;" | <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:왕벌의_비행.png|40px|link=]]</span> <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:트로이의_목마.png|40px|link=]]</span> <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:깨달음.png|40px|link=]]</span> <span style="display:inline-block; background:linear-gradient(160deg,#2a3140,#161a23); border-radius:8px; padding:4px; margin:1px;">[[파일:운명_교향곡.png|40px|link=]]</span>
+| 양 테마 동일 CSS, 인게임 UI 느낌. 테마 분기 불필요
 |-
+| '''C. 다크 칩 — 단색 + 테두리'''
-| [[게비츠]] || Gevitz || 동부 대륙 왕국
+| style="background:#ffffff; text-align:center;" | <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:왕벌의_비행.png|40px|link=]]</span> <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:트로이의_목마.png|40px|link=]]</span> <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:깨달음.png|40px|link=]]</span> <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:운명_교향곡.png|40px|link=]]</span>
+| style="background:#14181f; text-align:center;" | <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:왕벌의_비행.png|40px|link=]]</span> <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:트로이의_목마.png|40px|link=]]</span> <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:깨달음.png|40px|link=]]</span> <span style="display:inline-block; background:#1f2430; border:1px solid #3a4256; border-radius:8px; padding:4px; margin:1px;">[[파일:운명_교향곡.png|40px|link=]]</span>
+| B보다 평면적, 다크에서 테두리로 칸 구분 명확
 |-
+| '''D. 외곽선 강화''' (drop-shadow)
-| [[아에로른]] || Aerorn || 세계수 도시
+| style="background:#ffffff; text-align:center;" | <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:왕벌의_비행.png|40px|link=]]</span> <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:트로이의_목마.png|40px|link=]]</span> <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:깨달음.png|40px|link=]]</span> <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:운명_교향곡.png|40px|link=]]</span>
+| style="background:#14181f; text-align:center;" | <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:왕벌의_비행.png|40px|link=]]</span> <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:트로이의_목마.png|40px|link=]]</span> <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:깨달음.png|40px|link=]]</span> <span style="display:inline-block; filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 1px #000); margin:1px;">[[파일:운명_교향곡.png|40px|link=]]</span>
+| 16px 스탯 아이콘에 쓰는 방식. 면적 큰 흰 영역 내부는 여전히 흰색
 |-
+| '''E. 반전''' (invert, 라이트 한정)
-| [[브레게둘|브레게둘 부족]] || Bregedur Tribe || 아에로른 분리 부족
+| style="background:#ffffff; text-align:center;" | <span style="display:inline-block; filter:invert(1); margin:1px;">[[파일:왕벌의_비행.png|40px|link=]]</span> <span style="display:inline-block; filter:invert(1); margin:1px;">[[파일:트로이의_목마.png|40px|link=]]</span> <span style="display:inline-block; filter:invert(1); margin:1px;">[[파일:깨달음.png|40px|link=]]</span> <span style="display:inline-block; filter:invert(1); margin:1px;">[[파일:운명_교향곡.png|40px|link=]]</span>
-|-
+| style="background:#14181f; text-align:center;" | [[파일:왕벌의_비행.png|40px|link=]] [[파일:트로이의_목마.png|40px|link=]] [[파일:깨달음.png|40px|link=]] [[파일:운명_교향곡.png|40px|link=]]
-| [[나빌]] || Navvil || 다부족 연합국가
+| 라이트에서만 반전 적용 가정. 테마 3종(라이트/다크/OS 자동) 분기 CSS 필요, 반투명 픽셀 회색 번짐 가능
-|-
-| [[태한제국]] || Taehan Empire ||
-|-
-| [[야마타]] || Yamata ||
-|-
-| [[차마스|표류대륙 차마스]] || Chamahs || 동방 표류대륙
-|-
-| [[케탈란 군도]] || Ketalan archipelago ||
-|-
-| [[발루람]] || Valluram ||
 |}
-== 옵션 2: 정의 목록 ==
-;[[칼리폴리스]] (Kallipolis)
-:
-;[[광산도시 오즈]] (Oz)
-:
-;[[게비츠]] (Gevitz)
-:동부 대륙 왕국
-;[[아에로른]] (Aerorn)
-:세계수 도시
-;[[브레게둘|브레게둘 부족]] (Bregedur Tribe)
-:아에로른 분리 부족
-;[[나빌]] (Navvil)
-:다부족 연합국가
-;[[태한제국]] (Taehan Empire)
-:
-;[[야마타]] (Yamata)
-:
-;[[차마스|표류대륙 차마스]] (Chamahs)
-:동방 표류대륙
-;[[케탈란 군도]] (Ketalan archipelago)
-:
-;[[발루람]] (Valluram)
-:
-== 옵션 3: 갤러리 ==
-<gallery mode="packed" widths="200" heights="120">
-파일:아란고원.png|[[칼리폴리스]] (Kallipolis)
-파일:아란고원.png|[[광산도시 오즈]] (Oz)
-파일:게비츠01.jpg|[[게비츠]] (Gevitz)
-파일:아에로른01.png|[[아에로른]] (Aerorn)
-파일:아란고원.png|[[브레게둘|브레게둘 부족]] (Bregedur Tribe)
-파일:나빌01.png|[[나빌]] (Navvil)
-파일:아란고원.png|[[태한제국]] (Taehan Empire)
-파일:아란고원.png|[[야마타]] (Yamata)
-파일:차마스01.png|[[차마스|표류대륙 차마스]] (Chamahs)
-파일:아란고원.png|[[케탈란 군도]] (Ketalan archipelago)
-파일:아란고원.png|[[발루람]] (Valluram)
-</gallery>
-== 옵션 4: Navpills 12셀 (대문 nav 스타일) ==
-{{Navpills
-|page1 = 칼리폴리스 |image1 = 아란고원.png
-|page2 = 광산도시 오즈 |image2 = 아란고원.png
-|page3 = 게비츠 |image3 = 게비츠01.jpg
-|page4 = 아에로른 |image4 = 아에로른01.png
-|page5 = 브레게둘 |text5 = 브레게둘 부족 |image5 = 아란고원.png
-|page6 = 나빌 |image6 = 나빌01.png
-|page7 = 태한제국 |image7 = 아란고원.png
-|page8 = 야마타 |image8 = 아란고원.png
-|page9 = 차마스 |text9 = 표류대륙 차마스 |image9 = 차마스01.png
-|page10 = 케탈란 군도 |image10 = 아란고원.png
-|page11 = 발루람 |image11 = 아란고원.png
-|page12 = 임시페이지 |image12 = 아란고원.png
-}}