Is there a way to incorporate a type of button along with the “next chapter” etc buttons, that takes you from one skin to another? If you want to change from dark theme to light theme quickly?
This is an interesting question, what do you need to do specifically? Because a lot of solutions could be found. A button can only be added by a userscript (not a skin), which means not working on mobile (and I have no knowledge of one).
But like, if you need one skin on mobile and one skin on desktop that can be done by making one skin parent of the other and then one of the two having the option Media: 'only screen and (max-width: 42em)'. There is going to be some overlap so a few things might not work very well but that depends on what you want to do.
But also there's the option of adding ?site_skin=929 at the end of the page url and that will change the skin automatically.
929 is the id of reversi (the dark mode skin) but you can find the id of your own skin by going to edit it and look at the url:
( http://archiveblablabla/skins/894085/edit you won't be able to reach this number in particular because that's one of my private skins, you'll get an error 'you don't have permissions' but that's where the id is found)
and with that in mind you can make a bookmarklet that adds the code ?site_skin=929 to any url (to install a bookmarklet you should google 'how to install a bookmarklet' + your browser because every one is different, it will work with mobile too! riesling explains how pretty well in their own bookmarklet (that does a completely different but still very useful thing here)
the code of the bookmarklet is here: https://raw.githubusercontent.com/electricalice/Ao3-bookmarklets/main/changeskin.min.js
and you can change the skin id at the beginning where it says let skin = 929; change the 929 in your id
like this you'll have a bookmark in your browser that with a click will let you change the skin.
