☰

Even better Archive of Our Own Darkmode

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

  1. // ==UserScript==
  2. // @name         Even better Archive of Our Own Darkmode
  3. // @namespace    https://greasyfork.org/en/users/1409385
  4. // @version      2025-02-24
  5. // @description  A better version of "Archive of Our Own: Dark Mode" by Automalix
  6. // @author       laskdfhlsajdfl
  7. // @match        https://archiveofourown.org/*
  8. // @match        http://archiveofourown.org/*
  9. // @icon         https://www.google.com/s2/favicons?sz=64&domain=archiveofourown.org
  10. // @grant        none
  11. // ==/UserScript==
  12.  
  13. function addGlobalStyle(css) {
  14.     var head, style;
  15.     head = document.getElementsByTagName('head')[0];
  16.     if (!head) {
  17.     	return
  18.     }
  19.  
  20.     style = document.createElement('style');
  21.     style.type = 'text/css';
  22.     style.innerHTML = css;
  23.     head.appendChild(style)
  24. }
  25.  
  26. addGlobalStyle(`
  27. body, .listbox > .heading, .listbox .heading a:visited, .filters .expander, .dropdown, input, input:focus, textarea, textarea:focus, .notice{
  28. 	color:#EEE;
  29.     background-color: #000;
  30. }
  31. div.userstuff.module {
  32.     color: #ccc;
  33.     background:#111;
  34.     padding: 0.5em;
  35. }
  36. #workskin {
  37.     padding: 0;
  38. }
  39. a, a:link, a:visited:hover {
  40. 	color:#EEEEEE
  41. }
  42. a:visited {
  43. 	color:#DDDDDD
  44. }
  45. a.tag {
  46. 	color:#EFEFEF
  47. }
  48. #modal {
  49. 	border:10px solid #000;
  50. 	background:#222
  51. }
  52. #login.dropdown{
  53.     background:#222;
  54.     float: inherit
  55. }
  56. #header a{
  57.     background-color:#101010;
  58.     color: #eee
  59. }
  60. #dashboard a {
  61.     background-color: #222;
  62.     color: #999;
  63. }
  64. #dashboard a:hover {
  65.     background-color: #333;
  66.     color: #a88;
  67. }
  68. #header .primary{
  69.     background: none;
  70.     background-color: #333
  71. }
  72. #header .primary a{
  73.     background: none;
  74. }
  75. #header a:hover {
  76.     background: none !important;
  77. }
  78. #header .dropdown:hover a{
  79.     background: #222;
  80.     color: #bbb !important;
  81. }
  82. .meta dt, .meta dd, .title, .preface, .module, p.kudos, form dd, label, .comment, p.note, .userstuff {
  83.     color: #eee
  84. }
  85. .secondary {
  86.     background-color: #000
  87. }
  88. .comment h4.byline {
  89.     background: none
  90. }
  91. .thread .even {
  92.     background: #080808
  93. }
  94. #footer {
  95.     background: #202020
  96. }
  97. .icon[src="/images/skins/iconsets/default/icon_user.png"] {
  98.     filter: invert()
  99. }
  100. .comment div.icon {
  101.     border-bottom: none
  102. }
  103. li.relationships a {
  104. 	background:#000
  105. }
  106. #symbols-key, .account.module, .work {
  107. 	background-color:#222 !important;
  108. }
  109. #header {
  110. 	background:#101010
  111. }
  112. #footer{
  113. 	border:none
  114. }
  115. #new_work_search, #outer, #main {
  116. 	background:#050505
  117. }
  118. .wrapper {
  119. 	box-shadow: 1px 1px 5px #202020;
  120. }
  121. .work.meta.group {
  122. 	background: #121212;
  123. 	border:1px solid #111
  124. }
  125. fieldset, .listbox, fieldset fieldset.listbox {
  126. 	background-color:#222;
  127. 	box-shadow: inset 1px 0 5px #202020;
  128. 	border: 2px solid #000000
  129. }
  130. .listbox .index {
  131. 	background:#333;
  132. 	box-shadow:inset 1px 1px 3px #222
  133. }
  134. .actions a, .actions a:link, .action, .action:link, .actions input, input[type="submit"], button, .current, .actions label{
  135. 	background-image:none;
  136. 	background:#666;
  137. 	color:#FFF;
  138. 	border:none
  139. }
  140. #site_search {
  141. 	background:#000
  142. }
  143. form.verbose legend, .verbose form legend {
  144. 	background:#121212;
  145. 	border:2px solid #000;
  146. 	box-shadow:none
  147. }
  148. #admin-banner {
  149. 	display:none
  150. }
  151. `);