☰

Even better Archive of Our Own Darkmode

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

目前为 2024-12-11 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name         Even better Archive of Our Own Darkmode
  3. // @namespace    https://greasyfork.org/en/users/1409385
  4. // @version      2024-12-11
  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{
  28. 	color:#EEE;
  29.     background-color: #000;
  30. }
  31. a, a:link, a:visited:hover {
  32. 	color:#EEEEEE
  33. }
  34. a:visited {
  35. 	color:#DDDDDD
  36. }
  37. a.tag {
  38. 	color:#EFEFEF
  39. }
  40. #modal {
  41. 	border:10px solid #000;
  42. 	background:#222
  43. }
  44. #login.dropdown{
  45.     background:#222;
  46.     float: inherit
  47. }
  48. #header a{
  49.     background-color:#101010;
  50.     color: #eee
  51. }
  52. #header .primary{
  53.     background: none;
  54.     background-color: #333
  55. }
  56. #header .primary a{
  57.     background: none;
  58. }
  59. .meta dt, .meta dd, .title, .preface, .module, p.kudos, form dd, label, .comment, p.note, .userstuff {
  60.     color: #eee
  61. }
  62. .secondary {
  63.     background-color: #000
  64. }
  65. .comment h4.byline {
  66.     background: none
  67. }
  68. .thread .even {
  69.     background: #080808
  70. }
  71. #footer {
  72.     background: #202020
  73. }
  74. .icon[src="/images/skins/iconsets/default/icon_user.png"] {
  75.     filter: invert()
  76. }
  77. .comment div.icon {
  78.     border-bottom: none
  79. }
  80. li.relationships a {
  81. 	background:#000
  82. }
  83. #symbols-key, .account.module, .work {
  84. 	background-color:#222 !important;
  85. }
  86. #header {
  87. 	background:#101010
  88. }
  89. #footer{
  90. 	border:none
  91. }
  92. #new_work_search, #outer, #main {
  93. 	background:#101010
  94. }
  95. .wrapper {
  96. 	box-shadow: 1px 1px 5px #202020;
  97. }
  98. .work.meta.group {
  99. 	background: #121212;
  100. 	border:1px solid #111
  101. }
  102. fieldset, .listbox, fieldset fieldset.listbox {
  103. 	background-color:#222;
  104. 	box-shadow: inset 1px 0 5px #202020;
  105. 	border: 2px solid #000000
  106. }
  107. .listbox .index {
  108. 	background:#333;
  109. 	box-shadow:inset 1px 1px 3px #222
  110. }
  111. .actions a, .actions a:link, .action, .action:link, .actions input, input[type="submit"], button, .current, .actions label{
  112. 	background-image:none;
  113. 	background:#666;
  114. 	color:#FFF;
  115. 	border:none
  116. }
  117. #site_search {
  118. 	background:#000
  119. }
  120. form.verbose legend, .verbose form legend {
  121. 	background:#121212;
  122. 	border:2px solid #000;
  123. 	box-shadow:none
  124. }
  125. #admin-banner {
  126. 	display:none
  127. }
  128. `);