AO3 Site Skins
Series Metadata
Listing Series
-
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
-
Stats Icons with Hover Text [Site Skin] by ZerafinaCSS (Zerafina)
Fandoms: Site Skins - Fandom
05 May 2024
Tags
Summary
A site skin that replaces stats labels like "words", "bookmarks" and "hits" with icons. Instead, the text is displayed when you hover the mouse pointer over the icon or tap on it on mobile (like a tooltip). Available for light and dark mode. You can also change the icons to any color you want!
Previews and installation instructions are included.
Last updated: 28 February 2026Series
- Part 2 of AO3 Site Skins
-
Replace the AO3 Icons 2.0 [Site Skin] by ZerafinaCSS (Zerafina)
Fandoms: Site Skins - Fandom
08 Dec 2024
Tags
Summary
A site skin that replaces the AO3 icons and a few other images, like the AO3 logo and the lock for restricted works, with new ones in a higher resolution. The new icons have a flatter and cleaner look than the original ones and are available in three color versions: default, berry blue (matched to Reversi), and pink. They can also be changed to any color you like!
Preview images and instructions are included.
Last updated: 28 February 2026Series
- Part 3 of AO3 Site Skins
-
Tags
Summary
A site skin that gives AO3 a slightly modernized, semi-flat look and enhances the user experience.
Features:
- Slimmed-down header
- NEW: Optional header image
- Sticky dashboard (desktop only) and sticky filters
- Custom content icons and stats icons
- Color-coded tags
- Improved tablet and mobile compatibility
- Optional automatic switching between light and dark mode
- Seven customizable color schemes (more may follow)
Available color schemes
- AO3 Default Colors
- Black & White
- Charcoal Rose
- Dusky Dark Purple
- Midnight Black (true dark mode for OLED)
- Powder & Pink
- Tumblr Blue (based on the low-contrast classic palette)
Last updated: 11 April 2026Series
- Part 4 of AO3 Site Skins
-
Tags
Summary
A collection of code snippets that can be added to the AO3 default site skin or other skins.
Contains:
- Instructions and General Information
[Updated: 01 Mar 2026] - Replace the Content Icons With Text Labels
[Updated: 08 Mar 2026] - Color-Coded Tag Boxes
[Updated: 08 Mar 2026] - Customize the Buttons
[Updated: 28 Mar 2026] - Utility Add-Ons (hide, replace, reposition, or modify specific elements)
[Updated: 11 Apr 2026]
Series
- Part 5 of AO3 Site Skins
- Instructions and General Information