"Dark Mode" Field Skin 🖤
Forum Index > PokéFarm > Guides >
Hiya, if you're like me then you use a relatively dark or neutral site skin because the original is way too bright. Maybe you also think the field backgrounds are too bright!
I'm here to provide darker fields to ease your eyes and maybe make it easier to find pokemon (unless of course they're as dark as the images ^^' I implore you to use QOL
Before you ask about the code not working for you: Have you deleted your "cached images and files" in your browsing history and then reloaded the page yet?
Mods~ If this is not the correct place for this please inform me/move it as I'm not familiar with Guide-Guidelines, thanks! All images used are from the PokéFarm Q Wiki and originally from Pokémon Mystery Dungeon
Options -> Userscripts -> QOL
if you struggle with that <3) with helpful code from this guide.
If these are too dark, not what you're looking for, or need any help please feel free to ask! These images use a 55% Black multiplier layer in an art program, and I'd be 100% willing to help if anyone needs an edited version.
Previews
Code
Click and copy this code to your site skin's Extra CSS, if you don't have one you'll have to make one ^^ You're able to input different image links or only use a specific field's code; of course this only affects you!
//???-type Field
#field_field>div.field[style*="unknown"] {
background-image: url("https://i.imgur.com/ZAK5GOk.png") !important;
background-size:cover;
}
//Normal-type Field (1st style)
#field_field>div.field[style*="normal1"] {
background-image: url("https://i.imgur.com/H5hpVax.png") !important;
background-size:cover;
}
//Normal-type Field (2nd style)
#field_field>div.field[style*="normal2"] {
background-image: url("https://i.imgur.com/gaTt61m.png") !important;
background-size:cover;
}
//Fire-type Field
#field_field>div.field[style*="fire"] {
background-image: url("https://i.imgur.com/G4zxM3W.png") !important;
background-size:cover;
}
//Water-type Field (1st style)
#field_field>div.field[style*="water1"] {
background-image: url("https://i.imgur.com/Ci82Xcp.png") !important;
background-size:cover;
}
//Water-type Field (2nd style)
#field_field>div.field[style*="water2"] {
background-image: url("https://i.imgur.com/VWtWYgp.png") !important;
background-size:cover;
}
//Electric-type Field
#field_field>div.field[style*="electric"] {
background-image: url("https://i.imgur.com/vmxemsQ.png") !important;
background-size:cover;
}
//Grass-type Field
#field_field>div.field[style*="grass"] {
background-image: url("https://i.imgur.com/r0BzU0O.png") !important;
background-size:cover;
}
//Ice-type Field
#field_field>div.field[style*="ice"] {
background-image: url("https://i.imgur.com/zxCALXB.png") !important;
background-size:cover;
}
//Fighting-type Field
#field_field>div.field[style*="fighting"] {
background-image: url("https://i.imgur.com/HZzYXnv.png") !important;
background-size:cover;
}
//Poison-type Field
#field_field>div.field[style*="poison"] {
background-image: url("https://i.imgur.com/yO2SJp5.png") !important;
background-size:cover;
}
//Ground-type Field
#field_field>div.field[style*="ground1"] {
background-image: url("https://i.imgur.com/2QA0vsn.png") !important;
background-size:cover;
}
//Flying-type Field
#field_field>div.field[style*="flying"] {
background-image: url("https://i.imgur.com/qbvNsJj.png") !important;
background-size:cover;
}
//Psychic-type Field
#field_field>div.field[style*="psychic"] {
background-image: url("https://i.imgur.com/NF96xmu.png") !important;
background-size:cover;
}
//Bug-type Field
#field_field>div.field[style*="bug"] {
background-image: url("https://i.imgur.com/sQ19Xtf.png") !important;
background-size:cover;
}
//Rock-type Field
#field_field>div.field[style*="rock"] {
background-image: url("https://i.imgur.com/ONVLaf0.png") !important;
background-size:cover;
}
//Ghost-type Field
#field_field>div.field[style*="ghost"] {
background-image: url("https://i.imgur.com/DhWQRXJ.png") !important;
background-size:cover;
}
//Dragon-type Field
#field_field>div.field[style*="dragon"] {
background-image: url("https://i.imgur.com/oaQbGpG.png") !important;
background-size:cover;
}
//Dark-type Field
#field_field>div.field[style*="dark"] {
background-image: url("https://i.imgur.com/zhQNjQ3.png") !important;
background-size:cover;
}
//Steel-type Field
#field_field>div.field[style*="steel"] {
background-image: url("https://i.imgur.com/X86fLBL.png") !important;
background-size:cover;
}
//Fairy-type Field
#field_field>div.field[style*="fairy"] {
background-image: url("https://i.imgur.com/eQ569am.png") !important;
background-size:cover;
}
Cannot post: Please log in to post