AO3 Skins & Tips
Useful tools, resources and references for AO3 skin coding and site customization.
(Closed, Unmoderated)
Recent bookmarks
-
This work isn't hosted on the Archive so this blurb might not be complete or accurate.
Tags
Summary
Doc - Basics, generators, tutorials, decorating, newspapers/blogs, texting work skins, interactive games…
- Bookmarks:
- 1
-
Tags
Summary
CSS add-ons & userscripts
to customize your AO3
—
✨ small tweaks for an AO3 that feels more you ✨ -
Tags
Summary
Newspaper work skin with responsive columns so it works on desktop AND mobile baby!
Series
- Part 2 of Works Skins
-
Responsive Design & Media Queries on AO3 [Tutorial] by feindcode (feind)
Fandoms: Fandom - Fandom
16 Feb 2026
Tags
Summary
another one for the Workskin devs
this allows you to apply different styles depending on the user's screen size
-
Replace the AO3 Icons [Site Skin] by ZerafinaCSS (Zerafina)
Fandoms: Site Skins - Fandom
31 Mar 2024
Tags
Summary
A site skin that replaces the AO3 icons with new ones in a higher resolution. Their appearance is largely based on the original images, but has been slightly modified to give them a flatter and cleaner look.
The following color schemes are available:
- Default (light and dark mode)
- Muted/darkish
- Black and white
- Pastel
- Pink
Preview images and installation instructions are included. I have also added instructions for changing the logo color.
Last updated: 28 February 2026Version 2.0 of this skin is available here.
Series
- Part 1 of AO3 Site Skins