Hi! I've messed around with some custom CSS for the site that I think that others may find useful.

CSS means Cascading Style Sheets, and it's what 'beautifies' HTML webpages. It changes colors, shapes, margins, and all kinds of fun stuff. By creating custom CSS for the site, we can alter its appearance-- both for fun and for utility. (Right now, it's mostly for aesthetics!)

Keep in mind that I'm not perfect; CSS can affect a lot of things in a lot of places, and I might have missed things in some places. Just ping me if anything looks wrong with the issue, and feel free to contribute to this guide as well!

At the moment I've only created one color scheme, but feel free to make suggestions, and I'll see if I can get around to making more!

Pixpets Dark Skin
A black-and-blue themed skin, useful for those who find white to be harsh on the eyes.
Github link
Preview



How to apply CSS
First, you'll need a browser extension that supports custom CSS. Note that this may alienate mobile users. My personal favorite is Stylus, which is available for both Firefox and Chrome.

Once you install the extension, it's as simple as pasting the CSS from Github into the extension. Make sure that it applies to all URLs on Pixpet.net. You may need to clear your cache (CTRL + F5, or in your Privacy settings) for all changes to take effect.

Thanks for coming by, and feel free to let me know if you have any questions!