Part of the inspiration for this skin comes from Lana Del Rey’s cover of Summer Wine
The [code’s ]finally all organized now—sorry it took me a while, I tend to forget things when too much time passes 🥲
based on this skin and this one
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 🪽
If you share this skin, please link back to this Tumblr post. Thank you!🍓
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.
⁝ 3 themes: Rosé Pine Dawn · Rosé Pine Moon · Rosé Pine
⁝ 2 layouts: Card Layout and Normal Layout
✦ Card Layout
✦ Normal Layout
✦ Alternative Tag Styles
a fork of the wonderful Rosé Pine Site Skin by @blackbatcats — restoring some of the default AO3 aesthetics while keeping everything that makes the theme beautiful 🌷
a lot of the finer details that make this skin feel this polished came from his tweaks, and i'm really grateful for it
‒ based on neos site skin by @zerafinacss — none of this would exist without her amazing work
→ AO3 instructions
→ GitHub instructions & code
for additional tweaks check out my AO3 Tweaks — standalone add-ons that work with any skin including this one:
LGBTQ+ color coded tags — highlights LGBTQ+ tags with their pride flag colors
EPUB download button — adds an EPUB button directly on work blurbs
…and a growing list of small quality-of-life tweaks
i finally finished this skin 😆 found a bug today and fixed it tho
the inspo comes partly from destiel, partly from Ultraviolence, and a bit from Hannibal
so yeah… enjoy 🖤
if you wanna use it, here’s the code
based on this pretty skin and this one
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 🖤
hope there aren’t too many mistakes lol my english kinda sucks 😭
If you share my skin, please link back to the original post on my Tumblr. Thank you! Your likes really motivate me to keep creating🥺
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!
⋆｡𓆝 𓆟 𓆞·｡ 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 ↓
This AO3 skin was inspired by antique books featuring elegant gold foil stamping.
Truth be told, I am not entirely satisfied with the day mode. It might not be as comfortable for extended reading as some of my past designs. However, I am absolutely in love with this purple and background color combination—it evokes the feeling of writing and sketching with purple ink on old parchment. The purple foiled motifs also carry a slightly mottled texture, as if gently faded by the passage of time. Perhaps I will update the palette if I discover a better match one day?
I actually began with the night mode and tested several color schemes. I attempted a red, gold, and black palette, but it was a miss. During the process, the contrast felt far too glaring, and the black background was suffocatingly heavy. This purple and gold, on the other hand, reminds me of the beautiful gowns of noble girls in classical oil paintings. I am truly delighted with how it finally came together.
⚙️ Quick Installation Guide
The installation process is almost identical to the famous "🌹 𝕸𝖎𝖉𝖓𝖎𝖌𝖍𝖙 𝕭𝖑𝖔𝖔𝖒 🌹" skin, but with just one extra step: the base file.
You will need to create 4 skins in total. First, create the base, the Day skin (Violet Parchment with light mode checked), and the Night skin (Gilded Velvet with dark mode checked). Finally, when creating your Master Auto-Switch Skin, add them as Parent Skins in this exact order:
Faded Gilt - base
Faded Gilt - Violet Parchment
Faded Gilt - Gilded Velvet
📌 A Quick Note
Just a quick heads-up: Since this skin is highly optimized for mobile devices, the position of some decorative assets might shift slightly if you use it on a desktop or a larger screen. Please don't mind it too much! The layout and immersive reading experience are absolutely at their most perfect on a mobile phone. 📱✨
📢 Disclaimer
Non-Commercial: This skin was created purely for fun and personal interest. It is shared for free and is not intended for any commercial activity or profit.
Language: Please note that English is not my native language. There might be some grammatical errors or awkward phrasing. No offense is intended—if any wording feels inappropriate, it is purely unintentional.
Assets: All visual materials and decorative assets used in this skin were sourced from the internet. All credits go to the original creators.
Content: The works shown in the screenshots are for demonstration purposes only. They are not my own writing; I have only used them to showcase the visual effects of the skin.
Contribute to lovewithless/Faded-Gilt development by creating an account on GitHub.
AO3 Site Skin: Fulfilling Meal +little pokemons because i wanted to
A '(Guest)' pfp
‧₊˚⋅𓐐𓎩 ˚ ⋅ Disclaimers : I only use my handphone when making this skin so if other devices look a little odd i can't help you with that i'm sorry. I made this skins for the fun of it and not at all make/take any profit. Arts by @artoffajarr, and some bits from Pinterest. I use this, this and this pieces of coding when making this skin. dividers by @uzmacchiato. I take no requests.
𐂐⋆.˚ I was inspired to make this skin when i unconsciously staring at Pecel Lele for fifteen minutes straight during my fasting lol. And i knoww i misspelled Fulfilling to Fullfilling on my GitHub yikes😬 pls ignore that💔
my ao3 skins masterlist
Tutorial how to activate the skin :
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.
