Omg, I'm so happy with how the new (optional) celestial-themed header images for the neos site skin turned out! They make switching between dark and light mode so satisfying!
-> Get the neos skin here
Edit 14 Feb 2026: Replaced the video with a slightly improved version. Mar 2026: Moved the link below the video.
I don't know why did i do this, but here is the code , I stayed up late working on this, so I hope there aren’t any issues.
based on this code that turns the tags into text
and this pretty skin
setup steps:
click the code link above — it’ll open a long block of code. copy all of it (don’t include the title). it’s way easier to do this on desktop since mobile has copy limits
on AO3, go to your username → dashboard → skins → create site skin
give it a unique title, paste the CSS you copied, then scroll down and hit submit
once it’s created, just click “use” to apply the skin ˚ʚ₍ ᐢ. ̫ .ᐢ ₎ɞ˚
I’m not a native English speaker and I’m still figuring out Tumblr, so please excuse any mistakes.
⋆｡𓆝 𓆟 𓆞·｡ Disclaimers : I only use my handphone when making this skin and not an expert so i apologize if there's some places that look odd and some texts are hard to read. Images and pngs are from Tumblr and Pinterest, i tried to pick carefully so there's no AI used. I used this, this and followed very little bits of this CSS codes. I take no request. Dividers by @huraxy-dividers @pixopix
𖦹˚𓇼˚‧ Orca and Whale–especially Humpback Whale–are known to have deep hatred towards one another. Ironically i love them both, and i want to make a skin in reverence for those beautiful creatures where they seem to coexist with each other. Blue is my favorite color and i have been in love with ocean so i'm a little bewildered how i didn't make blue/sea theme skin until now lol! Easily this is my personal favorite skin out of all the others that i made.
light mode version🦪🪸
my ao3 skins masterlist
Tutorial how to activate the skin + the code :
Copy the code i provided in this GitHub, there is a copy button at the top right(•••) of the code box. And here if you prefer Google doc.
Sign to your AO3 account, after that go to "Dashboard".
On your "Dashboard", tap on a section called "Skins".
On the "Skins" page, tap on the button labelled "Create Site Skin".
Give your site skin a unique title, i usually use 2-4 word for the skins that i saved. IF YOUR SKIN NAME IS NOT UNIQUE, YOU CAN'T SAVE THE SKIN.
Paste the codes you copied from my GitHub into the "CSS" box.
When you're done, scroll to the bottom of the page and click a button labelled "Submit". This will save your site skin and take you to a new page where you can see the title of your skin as well as all of the code.
Click "My Site Skin" and you can see the skin are added, press "Use" to activate it.
If the Whale and Orca background image in the right border makes the texts unreadable to you when reading a fic, you can make it smaller by simply find this code ↓
its an altered version of this green fireflies one
im really proud of this for no reason all i did was change the colors but anyways you guys should still reblog if you use it definitely id be very happy :)))))))))
edit: oh my god fine. it's not copy and paste anymore fine okay?? here's the link to github. for fuck's sake guys 😭
edit 2: here's a post tut i made on how to use these!
2087
ellievsbear
gummygunk
andulkaphoto
discoholicmusic
