site skin
This tag belongs to the Additional Tags Category.
Parent tags (more general):
This tag has not been marked common and can't be filtered on (yet).
Works which have used it as a tag:
Pages Navigation
-
Lime in the Coconut by gosuckalemon (orphan_account)
Fandoms: Ao3 site skins, Archive of Our Own
20 Dec 2019
Tags
Summary
A Reversi child skin with lime header and key. Background images have been removed and there are some minor aesthetic tweaks. There may be a few minor aesthetic/visibility issues with this theme. Feel free to modify as you wish and share the results.
-
Tags
Summary
A site skin that combines the dark mode of Reversi with Byline's separation of tags onto different lines based on type of tag.
-
Tags
Summary
Настройка скина для сайта с сортировкой тэгов и русскими названиями категорий в шапках
Series
- Part 1 of Архив на русском
-
Tags
Summary
Добавим немного кириллицы на главную страницу archiveofourown
Series
- Part 2 of Архив на русском
-
Tags
Summary
Страницы создания и редактирования работ на русском.
Series
- Part 3 of Архив на русском
-
Mystery Work
Part of Trash/Scraps
Summary
This is part of an ongoing challenge and will be revealed soon!
-
Tags
Summary
This is the code for a site skin that combines Reversi (dark mode) with Hide Stats by Blurblings.
-
Tags
Summary
Адаптируем боковое меню фильтров
Series
- Part 4 of Архив на русском
-
Tags
Summary
Прибираем рабочее пространство и меню коллекций
Series
- Part 5 of Архив на русском
-
Minimal skin for Ao3 in both dark and light mode by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
26 Sep 2020
Tags
Summary
A site skin that is somewhat clean and minimal and low contrast. Both in dark and light mode.
The images are responsive on mobile so you won't have huge images.
Series
- Part 2 of CSS code scripts for Ao3
-
Fonts, and colors, and work skins, oh my! by Charles_Rockafellor
Fandoms: css - Fandom, Work Skins - Fandom
24 Jan 2021
Tags
Summary
Explains:
● how to make a work skin;
● how to view fics' work skin rules;
● how to colorize text and circle words and highlight backgrounds (examples in head-note), and change and resize your fonts;
● how to turn all links blue-underscore automatically;
● the CSS code for diacritics to render properly, e.g.: “ầ” & “ồ” (with diacritics not superimposed), or “ị” (with underdot directly beneath, not kerned to the left), without breaking words such as “gầu” or “vịt” (using a monotype font for these letters would create gaps to each side of the ầ or the ị). Head-note has corrected examples;
● Site Skin addenda to block / shrink tags, and block authors / works;
● even a quick way (code included) to simply make a Site Skin so that you can read everything in your font of preference!Full code is included.
I read, appreciate, and reply to all of your comments — they're always welcome!
𝑫𝒐𝒏'𝒕 𝒇𝒐𝒓𝒈𝒆𝒕 𝒕𝒐 𝑳𝒊𝒌𝒆, 𝑺𝒉𝒂𝒓𝒆, 𝒂𝒏𝒅 𝑺𝒖𝒃𝒔𝒄𝒓𝒊𝒃𝒆! ❤️
Series
- Part 2 of How to
-
Ao3 Skin - Make the buttons flat by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
19 Mar 2021
Tags
Summary
A skin for Archiveofourown.org that adds flat buttons and flattens a few of the 3d elements.
It will work with most of the skins you have, it does work with reversi!
Series
- Part 4 of CSS code scripts for Ao3
-
Tags
Summary
Does light mode hurt your eyes, but you find that white text on a black background is also hard to read? Well, this is the site skin for you! Inspired by the parchment-colored setting on a few other reading apps such as Kindle. Desktop and mobile friendly!
-
Dyslexia friendly Site Skin by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
21 Feb 2022
Tags
Summary
A clean dyslexia skin for Ao3.
I made this following the British Dyslexia Association Style Guide and then tweaked with requests and ideas dyslexic readers brought forth.
There's a guide inside on how to further tweak everything from font to size to color so that you can customize it for your needs.Dark mode available in chapter 3!
Series
- Part 5 of CSS code scripts for Ao3
-
Tags
Summary
AO3 site skin with a white background and purple accents.
Header and footer are purple.
There is a border around each separate work on a work browsing list and on an author's profile page.
Each message in the inbox has a border around it, as does each comment at the end of a work. Threaded comments alternate having a white background and a pale grey background.
Buttons are rounded. Comment box is rounded.
Tags have a lighter purple background. Warnings are in white, regular text. Ships are bolded and in dark purple text. Shortening long tag fields skin is added as a parent to reduce tag field to a max of 5 lines that can be scrolled through.
Font is set to Helvetica Neue, Arial, or other sans serif font.Series
- Part 2 of pi learns how to site skin
-
Tags
Summary
A skin that makes the text rainbow and multicolored.
Sot of Beeline style.Series
- Part 6 of CSS code scripts for Ao3
-
Tags
Summary
A bunch of Ao3 Skins with flag pride colors!
Happy pride month!
Series
- Part 7 of CSS code scripts for Ao3
-
Tide: a flat and clean skin for Ao3 by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
18 Jul 2021
Tags
Summary
A site skin for Ao3 that clean and minimal and somewhat more modern than the default skin.
Available both in dark and light mode.Series
- Part 8 of CSS code scripts for Ao3
-
SITE SKIN: Updated Workings Fix Actions Left by Gay_4_Space
Fandoms: css - Fandom, Archive Skins, Site Skin - Fandom, AO3
23 Jul 2021
Tags
Summary
Updated the Workings Fix Actions Left to work properly nowadays. Copy/Paste into your own site skin to make it work.
Series
- Part 1 of Updated Site Skins
- Part 1 of Site Skins
- Language:
- English
- Words:
- 122
- Chapters:
- 1/1
- Collections:
- 1
- Hits:
- 448
-
SITE SKIN: Updated Workings Fix Actions Right by Gay_4_Space
Fandoms: css - Fandom, Archive Skins, Site Skin - Fandom, AO3
23 Jul 2021
Tags
Series
- Part 2 of Updated Site Skins
- Part 2 of Site Skins
Pages Navigation
Bookmarks which have used it as a tag:
Pages Navigation
-
Permablocking Specific Tags - Site Skin by Eli0t
Fandoms: Fandom - Fandom, AO3, No Fandom
10 Aug 2023
Tags
Summary
It finally exists. You can block any tag you want forever! You no longer need 3rd party extensions for this!
Series
- Part 1 of AO3 Skins
- Part 1 of :has() selector
-
pi learns how to site skin by ao3commentoftheday, memorizingthedigitsofpi
Fandom: Game Changer (Dropout.tv), No Fandom
09 Mar 2024
- Words:
- 28,430
- Works:
- 21
- Bookmarks:
- 59
-
Tags
Summary
So I started off with a pink palette and an image of flowers. I ended with a theme that is pink on pink on pink on pink. Did I get carried away? Perhaps. Will anyone use this? Probably not. But if you do, I hope you enjoy!
You can see screenshots of this skin in this tumblr post.
Series
- Part 17 of pi learns how to site skin
-
Tags
Summary
Would you like to change your AO3 so that each type of tag is a different colour? Do you want to make the Relationship tags bold instead of the Warnings? Do you want to combine this Quality Of Life feature with another skin you're already using? Read on!
Chapter One is the CSS code (for those who already know how to site skin). Chapter Two is an explanation of how to put a skin onto your AO3, as well as how to combine skins.
You must be logged into an AO3 account in order to use a site skin.
Series
- Part 13 of How to AO3
- Part 16 of pi learns how to site skin
-
Tags
Summary
Ever wanted to read AO3 under the sea? Now you can!
Chapter one is the CSS code required. Chapter 2 is the instructions for implementing a site skin if you've never done it before.
Note: You need to have an AO3 account in order to use a site skin.
You can see images of this skin on tumblr.
Series
- Part 14 of pi learns how to site skin
-
Tags
Summary
A site skin with a warm off-white background, art deco pattern on the header and forms, and accents in gold and sage green.
You can find images of this skin on tumblr here.
Series
- Part 15 of pi learns how to site skin
-
Tags
Summary
A dark site skin with flat buttons and elements, made using Dracula UI color palette.
Also I took some ideas from Tide: a flat and clean skin for Ao3 by ElectricAlice. -
Tags
Summary
I decided to make another site skin! This one is frog-themed and I had a lot of fun (and some frustration) with it.
If you'd like to see what it looks like, I posted screenshots of it on tumblr.
Series
- Part 12 of pi learns how to site skin
Bookmarked by felinefelicitations
16 Jan 2024
Bookmarker's Tags:
Bookmarker's Notes
Currently using (16 an 2024) super cute
-
Tags
Summary
pretty much what it says in the title
Background is dark purple. Borders and links are in neon shades of pink, purple, blue, and orange. I had some fun with the anonymous and guest icons and a few other things that you might discover as you use it.
Includes instructions for how to use it. You must have an AO3 account and be logged in in order to use a site skin.
You can find screenshots of this skin over here on tumblr.
Series
- Part 13 of pi learns how to site skin
-
Tags
Summary
A site skin with a warm off-white background, art deco pattern on the header and forms, and accents in gold and sage green.
You can find images of this skin on tumblr here.
Series
- Part 15 of pi learns how to site skin
-
[SITE SKIN TUTORIAL] Add A Banner, And Change Site Colors by JAWorley
Fandoms: Original Work
20 Dec 2023
Tags
Summary
Learn how to quickly and easily make your own site skin, including a customized banner at the top of the page.
Series
- Part 3 of JA's Custom AO3 Site Skins
-
Tags
Summary
A site skin in desert, earthy colors of greens and blues. (Skins change the way the site looks for you).
Series
- Part 1 of JA's Custom AO3 Site Skins
-
Fonts, and colors, and work skins, oh my! by Charles_Rockafellor
Fandoms: css - Fandom, Work Skins - Fandom
24 Jan 2021
Tags
Summary
Explains:
● how to make a work skin;
● how to view fics' work skin rules;
● how to colorize text and circle words and highlight backgrounds (examples in head-note), and change and resize your fonts;
● how to turn all links blue-underscore automatically;
● the CSS code for diacritics to render properly, e.g.: “ầ” & “ồ” (with diacritics not superimposed), or “ị” (with underdot directly beneath, not kerned to the left), without breaking words such as “gầu” or “vịt” (using a monotype font for these letters would create gaps to each side of the ầ or the ị). Head-note has corrected examples;
● Site Skin addenda to block / shrink tags, and block authors / works;
● even a quick way (code included) to simply make a Site Skin so that you can read everything in your font of preference!Full code is included.
I read, appreciate, and reply to all of your comments — they're always welcome!
𝑫𝒐𝒏'𝒕 𝒇𝒐𝒓𝒈𝒆𝒕 𝒕𝒐 𝑳𝒊𝒌𝒆, 𝑺𝒉𝒂𝒓𝒆, 𝒂𝒏𝒅 𝑺𝒖𝒃𝒔𝒄𝒓𝒊𝒃𝒆! ❤️
Series
- Part 2 of How to
-
Tags
Summary
This is a wallpaper site skin that allows you to set a large image as the main background. With opacity background colors of blurbs and works so it won't hurt your eyes while reading. That's just like...wallpaper!
Don't know what I'm talking about? Come in and check out the preview screenshots. Available in both dark and light mode!
I used The Sandman (TV Show) screenshots as the example, that's why it's called Dream of AO3, yay!
-
Tags
Summary
A site skin with a warm off-white background, art deco pattern on the header and forms, and accents in gold and sage green.
You can find images of this skin on tumblr here.
Series
- Part 15 of pi learns how to site skin
-
Tags
Summary
pretty much what it says in the title
Background is dark purple. Borders and links are in neon shades of pink, purple, blue, and orange. I had some fun with the anonymous and guest icons and a few other things that you might discover as you use it.
Includes instructions for how to use it. You must have an AO3 account and be logged in in order to use a site skin.
You can find screenshots of this skin over here on tumblr.
Series
- Part 13 of pi learns how to site skin
-
Tags
Summary
And different backgrounds to make them as separate as possible for easier reading.
Series
- Part 12 of CSS code scripts for Ao3
-
Tags
Summary
Low contrast dark teal theme with some stars
-
Tags
Summary
pretty much what it says in the title
Background is dark purple. Borders and links are in neon shades of pink, purple, blue, and orange. I had some fun with the anonymous and guest icons and a few other things that you might discover as you use it.
Includes instructions for how to use it. You must have an AO3 account and be logged in in order to use a site skin.
You can find screenshots of this skin over here on tumblr.
Series
- Part 13 of pi learns how to site skin
Bookmarked by Latias_Eevee
30 Dec 2023
Bookmarker's Tags:
Bookmarker's Notes
Dark Mode Galaxy Themed site skin by memorizingthedigitsofpi
=
*Bookmarker's Notes*: My tweaks [Updated 2/15/24] (I am NOT a coder, so all this has and will take more than I will care to admit) :
-Deleted small-caps and margin adjustments (leave in future?)
--^div.preface { margin: 0;^ affects summary, deleted margin
--^#workskin { background: none;^ made padding 5 (WIP? adjust box maybe?)
-Added Visited link color (#4682b4) dark blue: ^There is both code added at the end and one copied and altered for titles
-Changed Font from "Century Gothic" to "Lucida Sans Unicode"
-Replaced all (#df6757) redish orange with (#dfb657) gold
-Replaced all (#34dce5) cyan with (#42bff5) sky blue, WIP?
-Replaced all (#fddbdc) white pink with (#e6a8dd) pastel pink *With this the white boxes are somewhat less an issue* WIP?
-Changed all (#fff) to (#082c80)...I have NO idea what this affects. Not the white boxes I wanted to adjust for sure.
-Added HP History code, changed color (#240830) dark purple background to (#081761) dark blue
-Added HP Favorite Tags code for alternating colors (#081761)--removed background color from hoverWIP:
-Adjust certain White boxes (Known Places: recently saved bookmarks***; somewhere in drafts I forgot [might be same recently saved point as bookmarks])
-button bubbles/highlights
-Find adjustment for filters, the green checks are hard to see.***Actually looks kind of pinkish but might be surrounding colors, og default is gray, may or may not be different grays, one might match og relationships highlight color and/or the og filter box.
Text is slightly brighter on my phone/takes a bit for my eyes to adjust on laptop .yay.
-
Dyslexia friendly Site Skin by ElectricAlice
Fandoms: Archive of Our Own, Fandom - Fandom
21 Feb 2022
Tags
Summary
A clean dyslexia skin for Ao3.
I made this following the British Dyslexia Association Style Guide and then tweaked with requests and ideas dyslexic readers brought forth.
There's a guide inside on how to further tweak everything from font to size to color so that you can customize it for your needs.Dark mode available in chapter 3!
Series
- Part 5 of CSS code scripts for Ao3