Editing User:Vergir/test1Give feedback
Jump to navigation
Jump to search
The edit can be undone.
Please check the comparison below to verify that this is what you want to do, and then publish the changes below to finish undoing the edit.
| Latest revision | Your text | ||
| 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. | |||