User:Vergir/test1: Difference between revisions

Test page: compare PageRef vs Plink icon theming for Character Tech Shiv rows (with help from vergir-bot LLM)
Vergir (talk | contribs)
Blank test page (with help from vergir-bot LLM)
Tags: Blanking Manual revert
Line 1: Line 1:
Scratch page: testing icon theming for the Shiv rows on [[Character Tech]].


'''Switch between light and dark mode and compare the columns.''' The left column is what is live today; the middle column is the proposed change.
== 1. The eight Shiv rows ==
Column 1 is the current <code>PageRef</code> markup. Column 2 is the proposed <code>Plink</code> swap: same file, same link target, same 20px size, but wrapped in <code>.pic-link</code> so the theme can restyle it. Column 3 is an ordinary <code>AbilityIcon</code> row from the same table, as a reference for the intended look.
{| class="wikitable"
! Current — PageRef !! Proposed — Plink !! Reference — AbilityIcon
|-
| {{PageRef|Damage|alt_name=Alt-fire|alt_link=Shiv/Movement#Alt-fire}}
| {{Plink|Shiv/Movement#Alt-fire|Alt-fire|pic=Damage|size=20}}
| rowspan="8" | {{AbilityIcon|Slice and Dice}}
|-
| {{PageRef|Damage|alt_name=Force Jumping|alt_link=Shiv/Movement#Force_Jumping}}
| {{Plink|Shiv/Movement#Force_Jumping|Force Jumping|pic=Damage|size=20}}
|-
| {{PageRef|Damage|alt_name=M2 Recoil Skip|alt_link=Shiv/Movement#M2_Recoil_Skip}}
| {{Plink|Shiv/Movement#M2_Recoil_Skip|M2 Recoil Skip|pic=Damage|size=20}}
|-
| {{PageRef|Damage|alt_name=M2 Sliding|alt_link=Shiv/Movement#M2_Sliding}}
| {{Plink|Shiv/Movement#M2_Sliding|M2 Sliding|pic=Damage|size=20}}
|-
| {{PageRef|Damage|alt_name=M2 Slide Hopping|alt_link=Shiv/Movement#M2_Slide_Hopping}}
| {{Plink|Shiv/Movement#M2_Slide_Hopping|M2 Slide Hopping|pic=Damage|size=20}}
|-
| {{PageRef|Damage|alt_name=M2 Heavy Melee Climb|alt_link=Shiv/Movement#M2_Heavy_Melee_Climb}}
| {{Plink|Shiv/Movement#M2_Heavy_Melee_Climb|M2 Heavy Melee Climb|pic=Damage|size=20}}
|-
| {{PageRef|Damage|alt_name=Infinite M2 Slide|alt_link=Shiv/Movement#Infinite_M2_Slide}}
| {{Plink|Shiv/Movement#Infinite_M2_Slide|Infinite M2 Slide|pic=Damage|size=20}}
|-
| {{PageRef|Damage|alt_name=Infinite M2 Slide Acceleration|alt_link=Shiv/Movement#Infinite_M2_Slide_Acceleration}}
| {{Plink|Shiv/Movement#Infinite_M2_Slide_Acceleration|Infinite M2 Slide Acceleration|pic=Damage|size=20}}
|}
== 2. Monochrome check ==
Every file in [[:Category:Stats]] that actually resolves through <code>PageRef</code> naming. Left is the raw file, right is the same file through <code>Plink</code>. Any raw icon that disappears against the light background is monochrome white.
{| class="wikitable"
! File !! Raw !! Via Plink
|-
| Damage.png || [[File:Damage.png|20px|link=]] || {{Plink|Damage|Damage|pic=Damage|size=20}}
|-
| Ability Range.png || [[File:Ability Range.png|20px|link=]] || {{Plink|Ability Range|Ability Range|pic=Ability Range|size=20}}
|-
| Bullet Damage.png || [[File:Bullet Damage.png|20px|link=]] || {{Plink|Bullet Damage|Bullet Damage|pic=Bullet Damage|size=20}}
|-
| Bullet Evasion.png || [[File:Bullet Evasion.png|20px|link=]] || {{Plink|Bullet Evasion|Bullet Evasion|pic=Bullet Evasion|size=20}}
|-
| Damage Barrier.png || [[File:Damage Barrier.png|20px|link=]] || {{Plink|Damage Barrier|Damage Barrier|pic=Damage Barrier|size=20}}
|-
| Fire Rate.png || [[File:Fire Rate.png|20px|link=]] || {{Plink|Fire Rate|Fire Rate|pic=Fire Rate|size=20}}
|-
| Healing.png || [[File:Healing.png|20px|link=]] || {{Plink|Healing|Healing|pic=Healing|size=20}}
|-
| Health.png || [[File:Health.png|20px|link=]] || {{Plink|Health|Health|pic=Health|size=20}}
|-
| Health Regen.png || [[File:Health Regen.png|20px|link=]] || {{Plink|Health Regen|Health Regen|pic=Health Regen|size=20}}
|-
| Spirit Power.png || [[File:Spirit Power.png|20px|link=]] || {{Plink|Spirit Power|Spirit Power|pic=Spirit Power|size=20}}
|-
| Stamina.png || [[File:Stamina.png|20px|link=]] || {{Plink|Stamina|Stamina|pic=Stamina|size=20}}
|}
== 3. Notes ==
* <code>Plink</code> forces a flat silhouette: <code>grayscale(1) brightness(0) invert(1)</code> in dark mode, and <code>invert(0)</code> in light mode via the brown theme. So it only suits monochrome icons, never full-colour ones.
* <code>Plink</code> hardcodes its alt text as the link target plus the word "icon", so these render as "Shiv/Movement#Alt-fire icon". <code>PageRef</code> currently emits an empty alt. Neither is ideal.