☰

Even better Archive of Our Own Darkmode

A better version of "Archive of Our Own: Dark Mode" by Automalix

// ==UserScript==
// @name         Even better Archive of Our Own Darkmode
// @namespace    https://greasyfork.org/en/users/1409385
// @version      2025-07-30
// @description  A better version of "Archive of Our Own: Dark Mode" by Automalix
// @author       laskdfhlsajdfl
// @match        https://archiveofourown.org/*
// @match        http://archiveofourown.org/*
// @icon         https://www.google.com/s2/favicons?sz=64&domain=archiveofourown.org
// @grant        none
// ==/UserScript==

function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) {
    	return
    }

    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style)
}

addGlobalStyle(`
body, .listbox > .heading, .listbox .heading a:visited, .filters .expander, .dropdown, input, input:focus, textarea, textarea:focus, .notice{
	color:#EEE;
    background-color: #000;
}
div.userstuff.module {
    color: #ccc;
    background:#111;
}
#workskin {
    padding: 0;
}
a, a:link, a:visited:hover {
	color:#EEEEEE
}
a:visited {
	color:#DDDDDD
}
a.tag {
	color:#EFEFEF
}
#modal {
	border:10px solid #000;
	background:#222
}
#login.dropdown{
    background:#222;
    float: inherit
}
#header a{
    background-color:#101010;
    color: #eee
}
#dashboard a {
    background-color: #222;
    color: #999;
}
#dashboard a:hover {
    background-color: #333;
    color: #a88;
}
#header .primary{
    background: none;
    background-color: #333
}
#header .primary a{
    background: none;
}
#header a:hover {
    background: none !important;
}
#header .dropdown:hover a{
    background: #222;
    color: #bbb !important;
}
.meta dt, .meta dd, .title, .preface, .module, p.kudos, form dd, label, .comment, p.note, .userstuff {
    color: #eee
}
.secondary {
    background-color: #000
}
.comment h4.byline {
    background: none
}
.thread .even {
    background: #080808
}
#footer {
    background: #202020
}
.icon[src="/images/skins/iconsets/default/icon_user.png"] {
    filter: invert()
}
.comment div.icon {
    border-bottom: none
}
li.relationships a {
	background:#000
}
#symbols-key, .account.module, .work {
	background-color:#222 !important;
}
#header {
	background:#101010
}
#footer{
	border:none
}
#new_work_search, #outer, #main {
	background:#050505
}
.wrapper {
	box-shadow: 1px 1px 5px #202020;
}
.work.meta.group {
	background: #121212;
	border:1px solid #111
}
fieldset, .listbox, fieldset fieldset.listbox {
	background-color:#222;
	box-shadow: inset 1px 0 5px #202020;
	border: 2px solid #000000
}
.listbox .index {
	background:#333;
	box-shadow:inset 1px 1px 3px #222
}
.actions a, .actions a:link, .action, .action:link, .actions input, input[type="submit"], button, .current, .actions label{
	background-image:none;
	background:#666;
	color:#FFF;
	border:none
}
#site_search {
	background:#000
}
form.verbose legend, .verbose form legend {
	background:#121212;
	border:2px solid #000;
	box-shadow:none
}
#admin-banner {
	display:none
}
`);