How to Turn On Dark Mode on AO3: 4 Methods Compared
Short answer: AO3 does have a dark mode, but it's not turned on by default and it's account-gated. Here are all four real ways to read Archive of Our Own in the dark, from AO3's own built-in skin to the fastest no-account option.
Method 1: AO3's Built-In "Reversi" Skin
Archive of Our Own ships with a small set of public site skins, and one of them — Reversi — is a dark theme ("light on dark with blue key," per AO3's own description). It's the closest thing AO3 has to an official dark mode, but it only applies once you're logged in and have selected it.
Steps
- Log in to your AO3 account.
- Open the "Hi, [username]!" menu at the top of any page.
- Select My Preferences.
- Scroll down to the "Your Site Skin" section.
- Choose Public Site Skins, then select Reversi from the list.
- Click Update at the bottom of the page to save.
Alternative path: from your dashboard sidebar, click Skins → Public Site Skins → Use under Reversi's description.
Method 2: Community-Made Dark Skins
Beyond AO3's official options, fans have published dozens of custom "site skins" — CSS themes you paste into your own account's skin settings. Several fan-curated collections and series round up dark-themed options, including AO3's own AO3 Skins collection and community series like Dark Mode AO3 Site Skins.
These can look great and are often built by people who really know AO3's HTML structure — but they come with tradeoffs:
- You need an account to apply a custom skin.
- Setup means copying CSS into My Preferences → Skins → Create Skin (or a similar custom-skin flow), which is more involved than a toggle.
- A skin can break or look off after AO3 updates its layout, until the original author patches it.
- Quality and maintenance vary since these are made by individual fans, not AO3 itself.
Method 3: Browser or OS-Level "Force Dark"
Some browsers and phone operating systems can force a dark theme onto any website, AO3 included, without needing a site-specific skin or extension. On Android, this usually lives under Settings → Display → Dark theme (with a "force dark for apps/websites" option on some versions of Chrome). On desktop, Chrome's chrome://flags has an experimental "Auto Dark Mode for Web Contents" flag.
This works everywhere without installing anything extra, but the results are inconsistent: text contrast can look washed out, some images get inverted oddly, and the flag can be removed or changed in future Chrome updates since it's experimental.
Method 4: The AO3 Dark Mode Extension (Fastest, No Account)
If you want dark mode that (a) works instantly, (b) doesn't require an AO3 account or any CSS setup, and (c) is purpose-built for AO3's actual layout — including the reading page, search, tags, and the "New Work" editor — a dedicated browser extension is the simplest route.
AO3 Dark Mode does exactly that: install it, open archiveofourown.org, and pick a theme. No sign-up, no skin CSS to paste, no account required, and it works for logged-out browsing too.
Add AO3 Dark Mode to Chrome — FreeAll 4 Methods Compared
| Method | Account needed | Setup effort | Works logged out |
|---|---|---|---|
| Reversi (built-in) | Yes | A few clicks in Preferences | No |
| Community dark skins | Yes | Copy/paste custom CSS | No |
| Browser/OS force dark | No | Dig through browser/phone settings | Yes |
| AO3 Dark Mode extension | No | One-click install | Yes |
Which One Should You Actually Use?
If you already have an AO3 account and only read while logged in, Reversi is a perfectly good zero-install option — go with Method 1. If you want something more customized and don't mind a bit of setup, a community skin (Method 2) can look great. But if you read AO3 while logged out, on multiple devices, or just want dark mode working in the next few seconds without touching your account settings, the browser extension is the least friction for the most consistent result.
Get Dark Mode on AO3 in One Click
No account, no CSS, no configuration — just install and read.
See AO3 Dark Mode →FAQ
Does AO3 have a dark mode?
Yes, but only for logged-in users. AO3's built-in "Reversi" skin is a dark theme you can turn on from your account preferences. There's no site-wide dark mode toggle for logged-out visitors — for that, a browser extension like AO3 Dark Mode is the simplest option.
How do I turn on the Reversi skin on AO3?
Log in, open the "Hi, [username]!" menu, select My Preferences, scroll to the "Your Site Skin" section, choose Reversi from the Public Site Skins list, and click Update to save.
What's the fastest way to get dark mode on AO3 without an account?
Install a browser extension such as AO3 Dark Mode. It applies a dark theme immediately, without requiring an AO3 account or any skin configuration, and works for logged-out visitors too.