AO3 Dark/Blue Skin

/*
Just go to https://archiveofourown.org/users/<USERNAME>/skins and click on Create Site Skin.
Give the Skin a name, paste this code on the CSS field and click Upload.
That's it, have fun without your eyes burning :)
*/

body,
.toggled form,
.dynamic form,
.secondary,
.dropdown,
th,
tr:hover,
col.name,
div.dynamic,
fieldset fieldset,
fieldset dl dl,
form blockquote.userstuff,
form.verbose legend,
.verbose form legend,
#modal,
.own,
.draft,
.draft .wrapper,
.unread,
.child,
.unwrangled,
.unreviewed,
.thread .even,
.listbox .index,
.nomination dt,
#tos_prompt {
  background: #282828;
}

#outer {
  background: #282828;
}

a.tag:hover,
.listbox .heading a.tag:visited:hover {
  color: #282828;
}

#kudos_message.comment_error {
  color: #11405F;
}

tbody tr,
thead td,
#footer,
#modal {
  border-color: #282828;
}

.toggled form,
.dynamic form,
.secondary,
.wrapper {
  box-shadow: 1px 1px 5px rgba(0,0,0,.5);
}

.listbox,
fieldset fieldset.listbox {
  box-shadow: 0 0 0 1px #282828;
}

.listbox .index {
  box-shadow: inset 1px 1px 3px rgba(0,0,0,.5);
}

body,
.toggled form,
.dynamic form,
.secondary,
.dropdown,
#header .search,
form dd.required,
.post .required .warnings,
dd.required,
.required .autocomplete,
span.series .divider,
.filters .expander,
.userstuff h2 {
  color: #ccc;
}

a,
a:link,
a:visited,
a:hover,
#header a,
#header a:visited,
#header .current,
#header .primary .open a,
#header .primary .dropdown:hover a,
#header .primary .dropdown a:focus,
#header .menu .current,
#header .primary .menu a,
#header .primary .menu .current,
#dashboard a,
#dashboard span,
a.tag,
.listbox>.heading,
.listbox .heading a:visited,
.filters dt a:hover {
  color: #ccc;
}

form dt,
.filters .group dt.bookmarker,
.faq .categories h3,
.splash .module h3,
.userstuff h3 {
  border-color: #ccc;
}

.qtip-content,
.notice:not(.required),
.comment_notice,
ul.notes,
.caution,
.notice a {
  color: #2a2a2a;
}

.current,
a.current {
  color: #111;
}

#header .primary,
#footer,
.autocomplete .dropdown ul li:hover,
li.selected,
a.tag:hover,
.listbox .heading a.tag:visited:hover,
.splash .favorite li:nth-of-type(odd) a:hover,
.splash .favorite li:nth-of-type(odd) a:focus,
#tos_prompt .heading {
  background-image: none;
  background-color: #195578;
}

#header .heading a,
#header .user a:hover,
#header .user a:focus,
#header .user .current,
#dashboard a:hover,
.actions a:hover,
.actions input:hover,
.actions a:focus,
.actions input:focus,
label.action:hover,
.action:hover,
.action:focus,
a.cloud1,
a.cloud2,
a.cloud3,
a.cloud4,
a.cloud5,
a.cloud6,
a.cloud7,
a.cloud8,
a.work,
.blurb h4 a:link,
.splash .module h3,
.splash .browse li a:before {
  color: #195578;
}

#dashboard,
#dashboard.own {
  border-color: #195578;
}

.actions .reindex a {
  border-bottom-color: #195578;
}

table,
thead td,
#header .actions a:hover,
#header .actions a:focus,
#header .dropdown:hover a,
#header .open a,
#header .menu,
#small_login,
#header .dropdown:hover .current + .menu,
fieldset,
form dl,
fieldset dl dl,
fieldset fieldset fieldset,
fieldset fieldset dl dl,
.ui-sortable li,
.ui-sortable li:hover,
dd.hideme,
form blockquote.userstuff,
dl.index dd,
.statistics .index li:nth-of-type(even),
.listbox,
fieldset fieldset.listbox,
.item dl.visibility,
.reading h4.viewed,
.comment h4.byline,
.splash .favorite li:nth-of-type(odd) a,
.splash .module div.account,
.search [role="tooltip"] {
  background: #444;
  border-color: #444;
}

#dashboard a:hover,
#dashboard .current,
li.relationships a {
  background: #444;
}

li.blurb,
fieldset,
form dl,
thead,
tfoot,
tfoot td,
th,
tr:hover,
col.name,
#dashboard ul,
.toggled form,
.dynamic form,
form.verbose legend,
.verbose form legend,
.secondary,
dl.meta,
.bookmark .user,
div.comment,
li.comment,
.comment div.icon,
.splash .news li,
.userstuff blockquote {
  border-color: #444;
}

fieldset,
form dl,
fieldset dl dl,
fieldset fieldset fieldset,
fieldset fieldset dl dl,
form blockquote.userstuff {
  box-shadow: inset 1px 0 5px rgba(0,0,0,.5);
}

fieldset dl,
fieldset.actions,
fieldset dl fieldset dl {
  box-shadow: none;
}

form.verbose legend,
.verbose form legend,
.ui-sortable li:hover {
  box-shadow: 1px 2px 3px rgba(0,0,0,.5);
}

#dashboard .secondary {
  background: #444;
  box-shadow: none;
}

.javascript {
  background: #444;
}

#header .primary,
#footer,
autocomplete .dropdown ul li:hover,
li.selected {
  background: #195578 url(https://i.imgur.com/B5fCYl9.png);
}

img.logo,
p.kudos {
  filter: hue-rotate(188deg);
}

.blurb h4 a:link {
  color: #2C96D8;
}

#dashboard a:hover,
.required,
#header .user .open a:focus,
#header .user a:hover,
#header .user a:focus,
#header .user .current {
  color: #0376ba;
}

#header .dropdown a:focus,
#header .dropdown .menu a:focus {
  background: transparent;
  color: #0376ba;
}

#header .dropdown .menu a:hover,
#header .dropdown .menu a:focus {
  background-color: rgba(255,255,255,.06);
}