Sillies
Replace the AO3 Icons 2.0
A while ago, I made a site skin that replaces all of the AO3 icons with new ones. I was pretty happy with it, but I wanted more options for changing the colors of the icons. So I made a new skin with customizable colors!
Here are preview images for the two example color schemes I created (default and reversi blue):
Almost all icon background colors (and a few other ones) can be changed to any color you want!
Find instructions for adding and customizing the site skin here on AO3:
After toiling for hours in firefox’s inspect window I finally managed to make my AO3 look pretty!!!! I’m actually in love with how brought the colours turned out, even if they’re a little less vibrant on my laptop.
I used base code from @ao3commentoftheday’s glowy skin and some other misc code to change the highlight colours on tags, hide stats from my own works, and hide non-english works, as well as changed the colours pretty massively to fit my pretty Firefox theme (as well as added this stunning gif from the space bar [I found the artist by the way, it's kirokaze!]).
Really random but a huge thank you to all the skin makers out there making code for free! Truly an art I didn’t appreciate enough before this.
Here's the code for this bad boy in case anyone else is interested in my silly little project!!! I don't actually know how to code CSS so if anything is bright blue or doesn't work please let me know, I'll... I'll figure it out.
For everyone who wants this beautiful AO3 site skin by tealtiam but just slightly altered, here is the code in the form of a Google doc.
I didn't know what else to use as an example so I just used my own fic 😅
✨ Original:
🌙 My slight alterations: the font for all the buttons at the top are now exactly the same. The stats icons have been changed into minimalist designs from @ao3skin's skin.
The body text has been scaled down to fit smaller screens by instead following the font size you already have set up on your own device (for the ".userstuff p { font-size" on the second line of the google doc, 100% on the body text didn't work for me in getting it back to the default font size of my device, so I changed it to 10pt. However, this might be too small for you so I suggest playing around with the font size until you're happy with it or just reverting it back to 100%).
And lastly, the font for the title/chapter titles of fics have been reverted back to the original formatting instead of being in all caps lock— everything else in the site skin has remained unaltered. The different colored tags for archive warnings, relationships, characters, and tags will still be there when searching for fics. Though I personally love it, you might not, so take that into account!!!! 🥰
Raspberry Delight
The css for the buttons is from a skin made by @ao3commentoftheday with the colors changed to make them more pink.
The pink icons were made by @zerafinacss
@zerafinacss also has pink stat icons that look really good with this skin. It would replace the language/words/chapters ect. with some cute pink icons.
If you want this skin, the code is under here!
Hello MegaRod nation I am very new to both robots and to the shipping thereof but these two have me in a chokehold so
In honor of me losing my mind allow me to gush over a scene I don’t see as many people gush about
This fucking moment kills me okay if you want to get the real food for a ship you have to look at not just how often they touch each other but also what they say/think about the other when they’re not around
At this point Roddy still thinks Megatron betrayed them but he knows the impact he had on their group and how good he was at his job
And not only does he know Megatron well enough to know the right way to think like him, his plan here works, he genuinely is a good leader and he is that way because of Megs’ influence, and you know that this is exactly the moment Roddy was thinking of when they reunite and he says “we’re at our best when we’re together” because they are and this is proof and I’m never going to be normal again