[CSS] One Button Fields, Egg Labels, Typeless Field Variants

Introduction

Hello, this is a place where I'd like to share the various personal CSS scripts I've made while playing PFQ. They're mostly tailored to my specific preferences and may not be for everyone, but I can try and help you make your own modifications if needed! I'll periodically update the first post with new scripts, so check back frequently! Note: The following scripts are only fully tested and supported in Google Chrome (desktop and mobile). Please refer to the spoiler at the end of the post for Firefox-specific instructions.

Compact Lab

Fit more eggs per line on smaller screen sizes.

One Button Fields

Download from GitHub This script will create a new button on the Fields page, allowing you to continuously feed all Pokemon the correct berry and switch between pages without moving your mouse or using keyboard shortcuts. This essentially allows you to interact with any field as if it was fully sorted, stacked, and single-berry, similar to what the "Hide all click fast" option of the QoL plugin does for the party view. Note: This functions but seems a bit janky on Firefox, although it still hopefully does the job. Devoting resources to fixing it seems somewhat counterproductive until Firefox have fixed their CSS support. Note: Due to my personal preference, it will currently present a button leading to the Open 10 page after finishing off the last field. This might cause the last few Pokemon of the last field to not register as clicked due to not giving the page enough time to update the server. If you wish to disable this behavior, please delete lines 57 through 59 of the script.

Egg Labels

Download from GitHub This script will show the name of the Pokemon that will hatch from every egg, even if you don't have the EggDex of that egg yet. Names will be shown in the Lab, Shelter, Party and Daycare (requires SpyGlass). Note: This is a very large file as it includes every possible egg code I was able to track down from the PFQ wiki as well as playing the game, so please take extra care while copying and pasting! I have observed that the Egg Labels cause a considerable slowdown when reloading the Shelter screen. While arguably the most useful place to have visible labels, this can put players at a severe disadvantage and so I made an alternative "lite" version that has labels everywhere except the shelter. Egg Labels Lite Note: I am constantly updating this script with the names of new Pokemon as they get released, which might take me up to a few days depending on how quickly I can see each egg. Some exclusives and variants might still be missing, so please let me know in the thread if you notice a missing or wrong egg!

Typeless Field Variants

Download from GitHub The first script will dynamically change the appearance of typeless (a.k.a. ???, a.k.a. Unknown) fields, so that you don't have to always see the same green background. The background will be chosen based on the primary type of the first Pokemon in the field. Empty fields, or ones where the first Pokemon's primary type is Normal, will remain unchanged. Graphics used are from Pokemon Mystery Dungeon (via Bulbapedia), just like the ones already used by PFQ! Note: To identify the first Pokemon in a field, you can use either the "Align to grid" feature, or QoL's "View links" button. This is a bit volatile and might take some finagling (and refreshing the browser) to get it right, but it seems Pokemon can "remember" their positions in the last two fields they've been to (including the party), so moving them to the party and then to another field and back should help set the correct order! Note: Happiness will be unaffected as this is only a cosmetic modification. The modified backgrounds will be visible to yourself as well as other players who are using the script.

Troubleshooting

I personally use these alongside the invaluable QoL plugin and some of them expand upon features built into the QoL plugin, but should also function on their own. Also, some of them are pretty long, so please make sure you copy everything from start to finish! A userscript manager such as Stylus is strongly recommended, but pasting into QoL plugin's CSS input form also works in a pinch!

The Egg Labels CSS has been updated with Maschiff, Shroodle, Bramblin, and Toedscool! CSS Egg Labels

Egg Labels have been updated with Capsikid, Rellor, Klawf and Flittle! https://github.com/Winterbraid/pokefarm-custom-css/blob/main/egg-labels.css In addition, I have observed that the Egg Labels cause a considerable slowdown when reloading the Shelter screen. While arguably the most useful place to have visible labels, this can put players at a severe disadvantage and so I made an alternative "lite" version that has labels everywhere except the shelter. https://github.com/Winterbraid/pokefarm-custom-css/blob/main/egg-labels-lite.css And yet another update! The One Button Field script has been updated to make the buttons even bigger and easier to hit on the mobile version of the site! Of all the scripts I wrote, I think this is definitely the biggest game-changer, so definitely do give it a try! https://github.com/Winterbraid/pokefarm-custom-css/blob/main/one-button-fields.css

Yeeees, I was waiting for this <3 It was already a game-changer before and now it got just perfect x3 Thank you so much for making the button bigger on mobile! I can finally click with four fingers on my small smartphone AND click the right berry every single time <3 Btw I think this probably isn't possible but I wanted to ask still, but is there a way to make the go-to-next-field-button clickable while using more than one finger? (Is this understandable?)

Thank you for using my script and for your kind words, it really means a lot to me! If you mean having a more prominent "next" button as opposed to it only showing up after all the berries are gone, I think that could definitely be done. Tomorrow I will probably be busy hunting Flittle, but I'll try to look into it over the weekend!

Ah that is not what I meant. The "next" button is prominent enough as it :) I mean if I touch the next button with two or three fingers at the same time, it won't let me go to the next field - only if I touch it with one finger. I was just wondering if there was a way around that :)

Oh yeah, I think I get what you mean now. I've seen that on PC too, if you click certain links on PFQ too fast, the link will just keep trying to load and cancelling itself. I've tried a few things to fix this but haven't managed to get it to work, if there's a solution (other than "don't click too fast") then sadly I'm not aware of it.

Egg Labels

Egg Labels (and Egg Labels Lite) have been updated with Spearow [Savage]!

Special Plates

In addition, a new script has been added! This is a pretty simple script that adds colorful backgrounds to make special Pokemon (and starters) stand out a bit more in party and summary pages. Special Plates

For 1 button fields, is there something I could edit or change to make it open 50 ("interactions sent" for example. Which what I would want)

Hi! Tampermonkey doesn't give me a prompt to install the userscript. I'm not sure how to install it?