Video description: A Firefox user on an Android phone changing their AO3 site skin from Art Deco light mode to Purple Galaxy dark mode by changing their browser settings from light to dark. The video has no sound.
If you want to be able to use a light mode skin during the day and a dark mode skin at night, you can do that! I've figured it out for an Android phone, and it works with both Firefox and Chrome.
[if you change your browser settings to follow device theme, you can have this happen automatically, so that if your phone is light mode then AO3 is light and if your phone is dark mode then AO3 is dark]
If anyone out there has an iphone and can test it, please share your results in the notes!
Instructions under the cut:
To create exactly what I show in the video, you'll be making a total of 3 skins: 1) a light mode skin 2) a dark mode skin 3) a skin that combines those other two skins together
In the links above, you can get both the code for those skins and instructions for applying them on your account. Do that. When you're done:
Edit the light mode skin.
Scroll down to below the CSS box and find the word Advanced and tap the button labelled Show
In the new window that opens up, find the scrolling list called Choose @media and tick off the check box next to handheld and (prefers-color-scheme:light)
Update your site skin.
Do the same for your dark mode skin, but this time select (prefers-color-scheme:dark)
After making those changes to the skins, create a third site skin. You'll need to put some code into the CSS box, so here's a snippet that won't do anything:
#workskin p {
font-size: 100%;
}
It sets the font inside fics to 100% of whatever your device currently sets it at. If you want the font bigger, change the number to something more than 100. If you want it smaller, change it to a number smaller than 100.
The magic happens when you do this:
Scroll down to below the CSS box and find the word Advanced and tap the button called Show
In the new window, scroll past the media section you used before and find the button on the right labelled Add parent skin. Tap it.
type in the name of your light mode skin and select it
Tap Add parent skin again
type in the name of your dark mode skin and select it
Save your skin
Use your skin
Enjoy!
shoutout to @ao3skin who showed me how to do this for a tiktok video like 3 years ago and I only just remembered this was possible 🤣
*against all better judgment, someone invited Solomon to dinner and he managed to sneak his way into the kitchen with MC by distracting Mammon (the guard) with loose change. After the main meal has been plated and the brothers have taken their seats, he comes out carrying a tray of mini-sandwiches with a big ol'smile on his face*
Solomon, the human who ruins any dish he touches: Hold on, everyone! I made appetizers!
The Brothers: 😨
MC, the human who can make anything taste wonderful: I helped!
The Brothers: .....
Mammon: Family Meeting!!
*the brothers get up and huddle together in the corner, whispering*
Belphie: I'm not eating that.
Beel: But MC helped this time...
Lucifer: It could be edible.
Levi: They haven't made a bad meal, yet...
Satan: But is it worth the risk?
Mammon: How do we even tell'em if we don't wanna eat it?
Asmo: What if it makes them mad and they stop cooking for us all together...???
Brothers: .....
*after coming to a consensus to not upset MC by hurting Solomon's feelings, they go back to their seats where Solomon has already put one of his sandwiches on their plates*
Solomon: Go on, don't be shy!
*the brothers all eye each other and pick up the sandwiches in unison. A silent stare down occurs with no one wanting to go first until Mammon finally snaps and takes a bite. The others gasp and the room is silent*
Mammon: *looks straight ahead, frozen*
Levi: M-Mammon...?
Mammon: *does an experimental chew, then a couple more*
Asmo: What’s going on? Is it bad??
Mammon: *swallows... and takes a second bite, earning another collective gasp*
Lucifer: Mammon, say something!!
Mammon: It's... *feels tears welling up in his eyes*
Mammon: ... okay.
*the brothers stare down at their own sandwiches and each take their own bites. It is a perfectly average sandwich, mediocre even. Nothing special about aside from one thing: it's edible*
*cue seven grown demons finishing their plates while barely holding back tears of relief*
MC: See, Solomon? They love it!!
Solomon: *extremely proud of himself, probably marking this day on his calendar later*