Authorcendov
LicenseCC0 - Public Domain
Categoryarchiveofourown
Created
Updated
Size24 kB
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
A pleasant dark-mode reading experience with larger serif font and better spacing. A combination of the fantastic "Easier Reading" (by Natalie Kirk) and excellent "Dark/Night Archive of Our Own" (by cicerakes), with a couple minor tweaks.
Full credits can be found in notes.
Credit:
Dark/Night Archive of Our Own by Jessica Lim (licensed under CC BY 4.0)
Easier Reading Ao3 by Natalie Kirk (licensed under CC0 - Public Domain)
/* ==UserStyle==
@name archiveofourown.org - 21.1.2023, 21:10:09
@namespace github.com/openstyles/stylus
@version 1.0.0
@description A new userstyle
@author Me
==/UserStyle== */
@-moz-document domain("archiveofourown.org") {
/* Updated on January 18th 2024 */
body,
#header {
background: #1c1b21 !important;
color: #eae9f0 !important;
}
a,
a:link,
a:visited,
a:visited:hover {
border-bottom: none !important;
color: #5f4bb896
}
#main,
#outer,
.wrapper {
background-color: #1c1b21 !important;
color: #eae9f0 !important;
}
ul.actions {
padding: 0 0 0 0 !important;
}
.actions input,
input[type="submit"] {
color: #eae9f0 !important;
}
.blurb h4 a:visited {
color: #970000;
}
.blurb h4 a:visited:hover {
color: #933;
}
.blurb h4 a:link:hover,
.expander {
color: #8c9bff!important;
}
.timeline-Widget {
background-color: #090909 !important;
}
.preface h3 {
font-size: 100% !important;
}
div.preface .notes,
div.preface .summary,
div.preface .series,
div.preface .children {
min-height: 5em;
font-size: 15pt !important;
}
.userstuff {
font-size: 100% !important;
font-family: Charter, Merriweather, Sitka, Times New Roman, "serif" !important;
text-align: left;
}
.userstuff h2 {
color: #ce1e1e !important;
}
.preface h2.title {
display: block;
border-bottom: 0;
clear: right;
font-size: 30pt !important;
}
div.preface .byline,
div.preface .byline a {
border: 0;
text-align: center;
text-decoration: none;
font-size: 15pt !important;
}
div.preface .jump {
margin-top: 1.5em;
font-size: 10pt;
font-family: Sitka, Charter, Merriweather, "Times New Roman", Serif;
}
blockquote.userstuff {
font-size: 13pt !important;
text-align: Justify;
hyphens: auto;
line-height: 1.3em;
}
.splash .intro {
background: #1c1b21 !important;
color: #eae9f0 !important;
box-shadow: none !important;
}
.splash #signup {
text-shadow: none !important;
}
#workskin {
max-width: 700px;
padding-left: 2%;
padding-right: 2%;
font-size: 18pt;
font-family: Sitka, Charter, Merriweather, "Times New Roman", "serif";
}
#workskin p {
line-height: 1.3em;
margin-top: 1em !important;
margin-bottom: 1em !important;
}
#footer {
background: #1c1b21;
border-top: 1px solid #3e3e3e !important;
}
#footer a,
#footer .secondary {
background: transparent !important;
border: none !important;
}
#header .menu {
background-image: none;
background: #1c1b21;
box-shadow: none !important;
}
#header .primary .menu .current {
color: #d7d7d7;
}
#header .primary {
background: #6b1414 !important;
}
#header .dropdown:hover a {
background: #1c1b21 !important;
color: #eae9f0;
}
#header .actions a:hover {
background: #3e3e3e !important;
}
#header fieldset {
border: none !important;
}
#header .heading a {
color: #eae9f0 !important;
}
#header .user .current,
#header .user {
color: #eae9f0 !important;
background-color: #1c1b21;
}
#header .open a {
color: #eae9f0 !important;
background: #1c1b21 !important;
background-image: none;
box-shadow: none !important;
}
#header .actions a:focus {
background: inherit;
}
#header a {
background: none !important;
border: none !important;
}
#small_login {
color: #eae9f0 !important;
background: #1c1b21 !important;
border: 1px solid #3e3e3e;
}
#small_login dt {
border: none !important;
}
.dropdown #small_login .footnote a {
background: #1c1b21;
}
.dropdown #small_login .footnote a:hover {
background: #1c1b21 !important;
}
.action,
#small_login .action {
color: #eae9f0 !important;
background: #1c1b21;
background-image: none;
box-shadow: none !important;
border: 1px solid #3e3e3e;
}
.action:hover,
#small_login .action:hover {
color: #eae9f0 !important;
background: #3e3e3e;
background-image: none;
box-shadow: none !important;
border: 1px solid #3e3e3e;
}
.actions a {
background: #1c1b21 !important;
background-image: none !important;
text-shadow: none;
border: 1px solid #3e3e3e !important;
padding: .25em .55em !important;
text-decoration: none !important;
}
.actions a:hover {
background: #3e3e3e !important;
box-shadow: none !important;
border: 1px solid #3e3e3e;
color: #eae9f0;
}
.actions a:visited {
color: #eae9f0 !important;
text-shadow: none !important;
}
.actions input,
input[type="submit"] {
background: #1c1b21 !important;
background-image: none;
box-shadow: inset 0 -8px 4px #232323, inset 0 8px 7px #555 !important;
border: 1px solid #3e3e3e;
}
.actions input:hover,
input[type="submit"]:hover {
background: #3e3e3e !important;
background-image: none;
box-shadow: none !important;
border: 1px solid #3e3e3e;
}
.actions label {
color: #eae9f0 !important;
background: #1c1b21 !important;
background-image: none;
border: 1px solid #3e3e3e;
}
.actions label:hover {
color: #eae9f0 !important;
background: #3e3e3e !important;
background-image: none;
box-shadow: none !important;
border: 1px solid #3e3e3e;
}
.action:link {
background: #1c1b21;
}
.action:link:hover {
background: #3e3e3e;
}
.wrapper {
box-shadow: none;
background-color: #1c1b21;
}
#outer.wrapper,
#inner.wrapper {
background-color: #1c1b21;
}
.heading {
text-shadow: none;
}
a:link {
color: #a7b3ff !important;
}
a:visited:hover {
color: #666;
}
a.tag,
.tags a {
color: #eae9f0 !important;
line-height: 1.6;
text-decoration: none !important;
border-bottom: 1px dotted !important;
}
fieldset {
background: #1c1b21;
box-shadow: none;
border: 1px solid #3e3e3e;
}
fieldset fieldset,
fieldset dl dl,
form blockquote.userstuff {
background: #1c1b21;
text-align: Justify;
box-shadow: none;
}
fieldset dl {
border: none !important;
}
li.blurb {
box-shadow: none;
border: 1px solid #3e3e3e;
}
li.relationships a {
background: #1c1b21;
}
li.comment {
border: 1px solid #3e3e3e !important;
}
.comment h4.byline {
background: #3e3e3e !important;
}
div.comment {
border: none !important;
}
.notice,
.comment_notice,
ul.notes,
.caution,
.error,
.comment_error {
color: #eae9f0 !important;
background-color: #1c1b21 !important;
box-shadow: none !important;
border: 1px solid #3e3e3e !important;
}
.error,
.comment_error,
.kudos_error,
.alert.flash {
background: #600 !important;
border-color: #996464 !important;
box-shadow: none !important;
}
.comment div.icon {
border-right: 1px solid #3e3e3e;
border-bottom: 1px solid #3e3e3e;
}
.listbox {
background: #1c1b21 !important;
box-shadow: none !important;
border: 1px solid #3e3e3e;
}
.listbox .index {
background: #1c1b21 !important;
box-shadow: none !important;
}
.listbox .heading,
.listbox .heading a:visited {
color: inherit;
}
#dashboard.own {
border-top: none;
border-bottom: none;
box-shadow: none !important;
}
#dashboard ul {
border-top: 2px solid #3e3e3e;
}
ul.work.navigation.actions li a,
ul.navigation.actions li a,
ul.actions li a,
ol.pagination.actions li a {
box-shadow: inset 0 -8px 4px #232323, inset 0 8px 7px #555;
}
#feedback > ul li a {
box-shadow: inset 0 -8px 4px #232323, inset 0 8px 7px #555 !important;
}
dl.index dd {
background: #1c1b21;
}
textarea {
color: #eae9f0 !important;
background-color: #262626!important;
box-shadow: none !important;
border: 1px solid #3e3e3e !important;
}
select,
input {
color: #eae9f0 !important;
background: #262626!important;
box-shadow: none !important;
border: 1px solid #3e3e3e;
}
.secondary {
color: #eae9f0 !important;
background-color: #1c1b21 !important;
box-shadow: none !important;
border: 2px solid #3e3e3e;
}
.verbose legend,
form.verbose legend {
background: #1c1b21;
border: 1px solid #3e3e3e !important;
box-shadow: none !important;
border-top: solid 2px #3e3e3e !important;
}
.verbose form legend {
background: #1c1b21;
}
label {
color: #eae9f0 !important;
}
.toggled form,
.dynamic form {
color: #eae9f0 !important;
background: #1c1b21 !important;
box-shadow: none !important;
border: 1px solid #3e3e3e !important;
}
form dl {
background-color: #1c1b21!important;
box-shadow: none !important;
border: 1px solid #3e3e3e;
}
form dt {
border-bottom: 1px solid #3e3e3e !important;
}
#modal {
background: #1c1b21 !important;
color: #eae9f0 !important;
border: 10px solid #1c1b21 !important;
}
#modal .content {
border-bottom: none !important;
}
#modal a:link {
border-bottom: 1px solid #3e3e3e;
}
#modal .footer .action.modal-closer {
border-color: #3e3e3e;
}
#symbols-key dl {
border: 1px solid #3e3e3e;
}
.thread .even {
background: #262626 !important;
}
span.question {
background: #1c1b21;
border-color: #eae9f0;
}
span.symbol {
color: #eae9f0;
}
.splash {
max-width: 98% !important;
}
.splash .module div.account {
background-color: #1c1b21;
border: 1px solid #3e3e3e;
}
.splash .favorite li:nth-of-type(odd) a {
background: #1c1b21;
}
.splash .browse li a:hover {
color: #999999 !important;
}
.tweets iframe {
width: 78em !important;
height: 78em !important;
}
.timeline-Tweet-text {
font-size: 14px !important;
}
.bookmark .user {
background: #1c1b21;
border: 1px solid #3e3e3e;
}
.bookmark .count a {
color: #069 !important;
}
dl.meta {
background: #1c1b21;
border: 1px solid #3e3e3e...