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번째 줄: @@
+== 코덱스 아이콘 라이트 모드 개선안 비교 ==
-== 양식 A — 5컬럼 (능력치/고유효과 분리) ==
+각 방안을 라이트/다크 배경에 고정해 나란히 표시. 실제 적용 시에는 <code>틀:CodexTable/styles.css</code>에 CSS 한 줄을 추가하는 방식.
+{| class="wikitable" style="word-break:keep-all;"
-<tabber>
+! 방안 !! style="min-width:240px;" | 라이트 배경 !! style="min-width:240px;" | 다크 배경 !! 비고
-|-|공격형=
-{| class="wikitable sortable" style="word-break: keep-all;"
-! 아이콘 !! 코덱스 !! 비용 !! 능력치 !! 고유 효과
 |-
+| '''A. 현재''' (보정 없음)
-| [[File:왕벌의_비행.png|50px|link=왕벌의 비행]]
+| style="background:#ffffff; text-align:center;" | [[파일:왕벌의_비행.png|40px|link=]] [[파일:트로이의_목마.png|40px|link=]] [[파일:깨달음.png|40px|link=]] [[파일:운명_교향곡.png|40px|link=]]
-| style="white-space:nowrap;" | [[왕벌의 비행]]
+| style="background:#14181f; text-align:center;" | [[파일:왕벌의_비행.png|40px|link=]] [[파일:트로이의_목마.png|40px|link=]] [[파일:깨달음.png|40px|link=]] [[파일:운명_교향곡.png|40px|link=]]
-| 600
+| 라이트에서 아이콘 소실
-| style="white-space:nowrap;" | 공격 속도 '''36.5%'''
-| 적 히어로에게 기본 공격 시 다음 3회의 기본 공격 동안 공격 속도가 '''100%''' 증가하고 '''기본 공격으로 입히는 피해가 20% 증가합니다'''. (15초)
 |-
+| '''B. 다크 칩 — 그라데이션'''
-| [[File:왕벌의_비행.png|50px|link=트로이의 목마]]
+| 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="white-space:nowrap;" | [[트로이의 목마]]
+| 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>
-| 650
+| 양 테마 동일 CSS, 인게임 UI 느낌. 테마 분기 불필요
-| style="white-space:nowrap;" | 방어 관통률 '''9%'''<br>공격력 '''39'''
-| 전투 상태 진입 시 7초 동안 방어력 관통력 '''10''', 공격력이 '''12%''' 증가합니다. '''적 히어로 처치 시 다시 활성화됩니다'''
 |-
+| '''C. 다크 칩 — 단색 + 테두리'''
-| [[File:왕벌의_비행.png|50px|link=깨달음]]
+| 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="white-space:nowrap;" | [[깨달음]]
+| 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>
-| 700
+| B보다 평면적, 다크에서 테두리로 칸 구분 명확
-| style="white-space:nowrap;" | 쿨다운 감소 '''4.5%'''<br>공격력 '''31'''
-| 적 히어로 처치 시 궁극기를 제외한 스킬의 쿨다운을 '''50%''' 되돌려 받습니다. (30초)
-|}
-|-|방어형=
-{| class="wikitable sortable" style="word-break: keep-all;"
-! 아이콘 !! 코덱스 !! 비용 !! 능력치 !! 고유 효과
 |-
+| '''D. 외곽선 강화''' (drop-shadow)
-| [[File:왕벌의_비행.png|50px|link=팔랑크스]]
+| 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="white-space:nowrap;" | [[팔랑크스]]
+| 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 스탯 아이콘에 쓰는 방식. 면적 큰 흰 영역 내부는 여전히 흰색
-| style="white-space:nowrap;" | 방어력 '''56'''
-| 적 히어로에게 피해를 입으면 3초 동안 방어력이 '''3%''' 증가합니다. 최대 5회 중첩 시 '''방어력이 추가로 10% 증가합니다'''
 |-
+| '''E. 반전''' (invert, 라이트 한정)
-| [[File:왕벌의_비행.png|50px|link=라자루스의 기적]]
+| 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="white-space:nowrap;" | [[라자루스의 기적]]
+| style="background:#14181f; text-align:center;" | [[파일:왕벌의_비행.png|40px|link=]] [[파일:트로이의_목마.png|40px|link=]] [[파일:깨달음.png|40px|link=]] [[파일:운명_교향곡.png|40px|link=]]
-|
+| 라이트에서만 반전 적용 가정. 테마 3종(라이트/다크/OS 자동) 분기 CSS 필요, 반투명 픽셀 회색 번짐 가능
-| style="white-space:nowrap;" | 스킬 피해 감소 '''16%'''
-| 체력이 40% 이하일 때, 적 히어로에게 스킬 피해를 입히면 최대 체력의 '''10%'''만큼 회복하고, '''5초 동안 방어력이 10% 증가합니다'''. (30초)
-|-
-| [[File:왕벌의_비행.png|50px|link=아이기스]]
-| style="white-space:nowrap;" | [[아이기스]]
-|
-| style="white-space:nowrap;" | 체력 '''160'''<br>방어력 '''22'''
-| 체력이 30% 이하가 되면 3초 동안 자신의 최대 체력의 '''10%''' 만큼 보호막을 생성하며, '''3초 동안 방어력이 15% 증가합니다'''. (30초)
 |}
-|-|유틸형=
-{| class="wikitable sortable" style="word-break: keep-all;"
-! 아이콘 !! 코덱스 !! 비용 !! 능력치 !! 고유 효과
-|-
-| [[File:왕벌의_비행.png|50px|link=민중의 깃발]]
-| style="white-space:nowrap;" | [[민중의 깃발]]
-|
-| style="white-space:nowrap;" | 체력 '''175'''<br>쿨다운 감소 '''6.5%'''
-| 자신을 제외한 아군에게 이로운 효과를 제공하면 5초 동안 아군의 공격력을 '''12%''' 증가시키고 '''[사기증진]을 부여합니다. [사기증진] 적에게 피해를 입히면 레벨에 따라 5초 동안 20 ~ 60의 고정 피해를 추가로 입힙니다'''
-|-
-| [[File:왕벌의_비행.png|50px|link=아즈텍 태양석]]
-| style="white-space:nowrap;" | [[아즈텍 태양석]]
-|
-| style="white-space:nowrap;" | 쿨다운 감소 '''13%'''
-| 궁극기 쿨다운이 '''15%''' 감소합니다. '''적 히어로에게 스킬 피해를 입히면 궁극기 쿨다운이 1초 감소합니다'''
-|-
-| [[File:왕벌의_비행.png|50px|link=불사조의 재]]
-| style="white-space:nowrap;" | [[불사조의 재]]
-|
-| style="white-space:nowrap;" | 공격력 '''54'''<br>체력 '''205'''
-| 스킬 피해를 입힌 적 히어로가 3초 이내 사망하면 즉시 회복지대가 생성되며 5초간 지속됩니다. 회복지대의 아군은 매 초마다 잃은 체력의 '''6%'''만큼 회복합니다. (45초)
-|}
-</tabber>
-----
-== 양식 B — 4컬럼 (능력치/고유효과 통합) ==
-<tabber>
-|-|공격형=
-{| class="wikitable sortable" style="word-break: keep-all;"
-! 아이콘 !! 코덱스 !! 비용 !! 상세
-|-
-| [[File:왕벌의_비행.png|50px|link=왕벌의 비행]]
-| style="white-space:nowrap;" | [[왕벌의 비행]]
-| 600
-| <span style="white-space:nowrap;">'''능력치''' 공격 속도 '''36.5%'''</span><br>'''고유 효과''' 적 히어로에게 기본 공격 시 다음 3회의 기본 공격 동안 공격 속도가 '''100%''' 증가하고 '''기본 공격으로 입히는 피해가 20% 증가합니다'''. (15초)
-|-
-| [[File:왕벌의_비행.png|50px|link=트로이의 목마]]
-| style="white-space:nowrap;" | [[트로이의 목마]]
-| 650
-| <span style="white-space:nowrap;">'''능력치''' 방어 관통률 '''9%''' · 공격력 '''39'''</span><br>'''고유 효과''' 전투 상태 진입 시 7초 동안 방어력 관통력 '''10''', 공격력이 '''12%''' 증가합니다. '''적 히어로 처치 시 다시 활성화됩니다'''
-|-
-| [[File:왕벌의_비행.png|50px|link=깨달음]]
-| style="white-space:nowrap;" | [[깨달음]]
-| 700
-| <span style="white-space:nowrap;">'''능력치''' 쿨다운 감소 '''4.5%''' · 공격력 '''31'''</span><br>'''고유 효과''' 적 히어로 처치 시 궁극기를 제외한 스킬의 쿨다운을 '''50%''' 되돌려 받습니다. (30초)
-|}
-|-|방어형=
-{| class="wikitable sortable" style="word-break: keep-all;"
-! 아이콘 !! 코덱스 !! 비용 !! 상세
-|-
-| [[File:왕벌의_비행.png|50px|link=팔랑크스]]
-| style="white-space:nowrap;" | [[팔랑크스]]
-|
-| <span style="white-space:nowrap;">'''능력치''' 방어력 '''56'''</span><br>'''고유 효과''' 적 히어로에게 피해를 입으면 3초 동안 방어력이 '''3%''' 증가합니다. 최대 5회 중첩 시 '''방어력이 추가로 10% 증가합니다'''
-|-
-| [[File:왕벌의_비행.png|50px|link=라자루스의 기적]]
-| style="white-space:nowrap;" | [[라자루스의 기적]]
-|
-| <span style="white-space:nowrap;">'''능력치''' 스킬 피해 감소 '''16%'''</span><br>'''고유 효과''' 체력이 40% 이하일 때, 적 히어로에게 스킬 피해를 입히면 최대 체력의 '''10%'''만큼 회복하고, '''5초 동안 방어력이 10% 증가합니다'''. (30초)
-|-
-| [[File:왕벌의_비행.png|50px|link=아이기스]]
-| style="white-space:nowrap;" | [[아이기스]]
-|
-| <span style="white-space:nowrap;">'''능력치''' 체력 '''160''' · 방어력 '''22'''</span><br>'''고유 효과''' 체력이 30% 이하가 되면 3초 동안 자신의 최대 체력의 '''10%''' 만큼 보호막을 생성하며, '''3초 동안 방어력이 15% 증가합니다'''. (30초)
-|}
-|-|유틸형=
-{| class="wikitable sortable" style="word-break: keep-all;"
-! 아이콘 !! 코덱스 !! 비용 !! 상세
-|-
-| [[File:왕벌의_비행.png|50px|link=민중의 깃발]]
-| style="white-space:nowrap;" | [[민중의 깃발]]
-|
-| <span style="white-space:nowrap;">'''능력치''' 체력 '''175''' · 쿨다운 감소 '''6.5%'''</span><br>'''고유 효과''' 자신을 제외한 아군에게 이로운 효과를 제공하면 5초 동안 아군의 공격력을 '''12%''' 증가시키고 '''[사기증진]을 부여합니다. [사기증진] 적에게 피해를 입히면 레벨에 따라 5초 동안 20 ~ 60의 고정 피해를 추가로 입힙니다'''
-|-
-| [[File:왕벌의_비행.png|50px|link=아즈텍 태양석]]
-| style="white-space:nowrap;" | [[아즈텍 태양석]]
-|
-| <span style="white-space:nowrap;">'''능력치''' 쿨다운 감소 '''13%'''</span><br>'''고유 효과''' 궁극기 쿨다운이 '''15%''' 감소합니다. '''적 히어로에게 스킬 피해를 입히면 궁극기 쿨다운이 1초 감소합니다'''
-|-
-| [[File:왕벌의_비행.png|50px|link=불사조의 재]]
-| style="white-space:nowrap;" | [[불사조의 재]]
-|
-| <span style="white-space:nowrap;">'''능력치''' 공격력 '''54''' · 체력 '''205'''</span><br>'''고유 효과''' 스킬 피해를 입힌 적 히어로가 3초 이내 사망하면 즉시 회복지대가 생성되며 5초간 지속됩니다. 회복지대의 아군은 매 초마다 잃은 체력의 '''6%'''만큼 회복합니다. (45초)
-|}
-</tabber>
-----
-== InfoboxNeue 테스트 — 왕벌의 비행 ==
-{{#invoke:InfoboxNeue|fromArgs
-|title = 왕벌의 비행
-|subtitle = 휘몰아치는 선율로 이름난 비행의 곡
-|image = 왕벌의_비행.png
-|section1 = 기본 정보
-|label1 = 카테고리 | content1 = 공격형
-|label2 = 비용     | content2 = 600
-|section2 = 능력치
-|label3 = T1 | content3 = 공격 속도 8.5%
-|label4 = T2 | content4 = 공격 속도 17.5%
-|label5 = T3 | content5 = 공격 속도 26%
-|label6 = T4 | content6 = 공격 속도 36.5%
-|section3 = 고유 효과
-|label7 = T2 | content7 = 적 히어로에게 기본 공격 시 다음 3회의 기본 공격 동안 공격 속도가 50% 증가합니다. (15초)
-|label8 = T4 | content8 = 적 히어로에게 기본 공격 시 다음 3회의 기본 공격 동안 공격 속도가 100% 증가하고 기본 공격으로 입히는 피해가 20% 증가합니다. (15초)
-}}