Site Skin - Tumblr Posts

camila-sunrise
1 year ago

dark mode galaxy-themed ao3 site skin

Screenshot of the AO3 homepage. The header is now an image of a galaxy full of colourful star clouds in pink, blue, and orange. The site's background is now a dark purple. Text and border colours come from the header image. The font is now Century Gothic.
The top of a fic. Buttons are outlined in neon blue and have bright purple text. Their background is the same as the page. Tags have been recoloured to make them easier to distinguish. Archive Warnings are orange. Relationships are pink. Characters are teal. Additional tags are light yellow/green.
Kudos are now purple and the kudos icon has been replaced by a neon star in blue and pink. The comment box has a starfield as the border. The footer has a neon blue top border. the headers are pink and the links are teal.
Work search. The form has a galaxy-themed border. The text is in neon pink.
The post new work form. The same aesthetics as the work search form. There is a callout box in orange at the top of the page indicating that * means Required
The filter sidebar. It has the same aesthetic as the work search form.
The All Fandoms landing page. Each Fandom category is in a box with a neon blue border. The text and links are the same colour.
The Anime & Manga landing page. Buttons are outlined in neon blue and have bright purple text.
A Collection landing page. The dashboard has the same background as the rest of the site. You can see which page you're on by an outline around the button.

Since the frog theme I made earlier was light mode, I decided to make a dark mode skin as well. This one is galaxy-themed and in shades of purple, pink, and blue.

You can get the code and instructions for how to use it here.

Tags :
ao3 how to ao3 site skin art
10K notes View Post