AO3 Midnight Soft Dark Minimalist Skin
A sleek, dark, and readable custom CSS skin for Archive of Our Own (AO3).
Designed to be easy on the eyes and aesthetically pleasing.
Features
- Dark everywhere: #060606 background across the site
- Soft text: #eeeeee for main text, #bababa for headers and metadata
- Rounded corners: On comments, forms, and blocks for a clean, modern feel
- Minimalist navigation: Menus and links without clutter
- Readable headers: h1–h6 and section headings optimized for clarity
- Alerts & errors: Stand out in red (#C62828)
- Current selection: Chapters, pages, and works subtly highlighted
- Hidden required tags: Keeps your reading interface clean
Installation
Follow these steps to install the skin:
- Copy the CSS: Grab all the code from the provided CSS file.
- Log in to AO3: Open your browser and sign in.
- Go to Appearance settings:
- Click your username → Account Settings → Appearance.
- Add Custom CSS:
- Scroll to Custom Stylesheet → paste the CSS code.
- Save changes: Click Save at the bottom of the page.
- Refresh the site: The new skin should now be active.
Tip: If it doesn’t apply immediately, try clearing your browser cache or doing a hard refresh (Ctrl + Shift + R / Cmd + Shift + R).
Customization
You can tweak the skin easily:
- Background color: Change
#060606 to any dark shade you prefer.
- Text color: Change
#eeeeee or #bababa to customize contrast.
- Borders & corners: Modify
border-radius values for sharper or softer edges.
- Highlight colors: Adjust red for errors or yellow accents for notifications.
Notes
- Links and tags remain minimal with no underlines.
- Alerts, errors, and notices are highlighted but not distracting.
- Works on desktop browsers (Chrome, Firefox, Edge, Safari). Mobile layouts may need tweaks.
- Designed for reading comfort and a clean interface.
Advanced Tips
- For developers: you can use
!important on any element overrides if AO3 updates break the style.
- To revert, simply remove the custom CSS from Appearance settings.
Previews
License
AO3 Dark Minimalist Skin – All rights reserved.
Permissions
You may:
- Use this skin on AO3 for personal use
Restrictions
- You may not modify, redistribute, or claim this skin as your own
- You may not use it for commercial purposes.
Disclaimer
- The skin is provided “as-is”
- The author is not responsible for any issues or damages resulting from its use.
评论