☰

Reddit Minimal Dark

Minimal Dark UserCSS style for Reddit

  1. /* ==UserStyle==
  2. @name        Reddit Minimal Dark
  3. @version     1.0.1
  4. @namespace   https://old.reddit.com
  5. @description Minimal Dark UserCSS style for Reddit
  6. @license     CC-BY-SA-4.0
  7. ==/UserStyle== */
  8.  
  9. @-moz-document domain("reddit.com") {
  10.  
  11. /* Hide annoying stuff */
  12. .give-gold-button,
  13. .goldvertisement,
  14. .embed-comment,
  15. .nub {
  16. 	display: none !important;
  17. }
  18. /* Reset */
  19. *, *:before, *:after {
  20. 	background-color: transparent !important;
  21. 	border: none !important;
  22. 	color: #777 !important;
  23. }
  24. /* Default links */
  25. a {
  26. 	color: #48b !important;
  27. }
  28. a:visited {
  29. 	color: #369 !important;
  30. }
  31. a:hover {
  32. 	color: #5ad !important;
  33. }
  34. /* Background */
  35. html,
  36. body,
  37. #sr-more-link {
  38. 	background-color: #222 !important;
  39. }
  40. /* Top bar */
  41. #header-img,
  42. #mail,
  43. .sidebox.create .spacer a {
  44. 	filter: invert(80%) hue-rotate(180deg) !important;
  45. }
  46. .drop-choices,
  47. .hover-bubble,
  48. .modal-dialog {
  49. 	background: #111 !important;
  50. }
  51. .tabmenu .selected a {
  52. 	color: #999 !important;
  53. }
  54. /* Side bar */
  55. .listing-chooser-collapsed .grippy {
  56. 	width: 1px !important;
  57. }
  58. .listing-chooser-collapsed .listing-chooser {
  59. 	padding-right: 1px !important;
  60. }
  61. .listing-chooser li.selected {
  62. 	box-shadow: none !important;
  63. }
  64. .grippy:after {
  65. 	display: none !important;
  66. }
  67. /* Inputs and buttons */
  68. input,
  69. textarea,
  70. .linkinfo .shortlink input,
  71. .new-comment .usertext-body,
  72. .morelink a,
  73. .morelink:hover a,
  74. .fancy-toggle-button a,
  75. .usertext button {
  76. 	background: #333 !important;
  77. 	color: #999 !important;
  78. 	font-weight: normal !important;
  79. }
  80. /* Listing */
  81. .thing .title {
  82. 	color: #aaa !important;
  83. }
  84. .title:visited {
  85. 	color: #777 !important;
  86. }
  87. .thing .title:hover {
  88. 	color: #ccc !important;
  89. }
  90. .arrow {
  91. 	filter: brightness(45%);
  92. }
  93. .arrow.upmod,
  94. .arrow.downmod {
  95. 	filter: brightness(50%) contrast(120%);
  96. }
  97. .link .score.likes {
  98. 	color: #b3684d !important;
  99. }
  100. .link .score.dislikes {
  101. 	color: #7070c2 !important;
  102. }
  103. .expando-button {
  104. 	filter: brightness(45%) contrast(180%);
  105. 	background-color: transparent !important;
  106. }
  107. .moderator,
  108. .green {
  109. 	color: #3a3 !important;
  110. }
  111. .admin,
  112. .nsfw-stamp * {
  113. 	color: #a66 !important;
  114. }
  115. .pagename a,
  116. .trophy-name {
  117. 	color: #999 !important;
  118. }
  119. .buttons li {
  120. 	padding: 0 !important;
  121. }
  122. .buttons a {
  123. 	margin-right: 8px !important;
  124. 	color: #888 !important;
  125. }
  126. .buttons a:visited {
  127. 	color: #666 !important;
  128. }
  129. .buttons a:hover {
  130. 	color: #aaa !important;
  131. }
  132. .pagename,
  133. .tabmenu li,
  134. .link .midcol,
  135. .buttons a,
  136. .subreddit {
  137. 	font-weight: normal !important;
  138. }
  139. .search-expando.collapsed:before,
  140. .comment-fade {
  141. 	display: none !important;
  142. }
  143. .recommended-link {
  144. 	border-color: #333 !important;
  145. }
  146. /* Comments */
  147. .link .usertext .md,
  148. blockquote,
  149. pre,
  150. code,
  151. .gold-accent {
  152. 	background-color: #111 !important;
  153. }
  154. .md blockquote {
  155. 	border-left: solid 4px #333 !important;
  156. }
  157. .md td {
  158. 	border: solid 1px #333 !important;
  159. }
  160. hr {
  161. 	border-bottom: solid 1px #333 !important;
  162. }
  163. .comment .author,
  164. .morecomments a {
  165. 	font-weight: normal !important;
  166. }
  167. /* RES */
  168. .guider,
  169. .guiders_button,
  170. .res-fancy-toggle-button,
  171. #RESConsoleContainer,
  172. #RESShortcutsAddFormContainer {
  173. 	background: #222 !important;
  174. }
  175. .RESDialogSmall,
  176. .RESDropdownOptions,
  177. .RESNotification,
  178. #alert_message {
  179. 	background: #111 !important;
  180. }
  181. .RES-keyNav-activeElement,
  182. .RES-keyNav-activeElement .md-container {
  183. 	background: #333 !important;
  184. }
  185. .res-nightmode .arrow {
  186. 	filter: none !important;
  187. }
  188. /* new.reddit.com */
  189. #header,
  190. #lightbox,
  191. #hamburgers,
  192. #overlayScrollContainer,
  193. #SHORTCUT_FOCUSABLE_DIV > div:first-child,
  194. header,
  195. div[data-redditstyle],
  196. body > div,
  197. div[style^="left:"]
  198. div[role="button"] {
  199. 	background-color: #222 !important;
  200. }
  201. #header svg {
  202. 	filter: invert(90%) hue-rotate(180deg);
  203. }
  204. div[contenteditable="true"] {
  205. 	background: #333 !important;
  206. }
  207. #overlayFixedContent + div {
  208. 	background: rgba(0, 0, 0, 0.7) !important;
  209. }
  210. div[data-slot] {
  211. 	display: none !important;
  212. }
  213. .icon, .icon:before {
  214. 	color: inherit !important;
  215. }
  216. a[data-click-id="timestamp"] {
  217. 	color: #777 !important;
  218. }
  219. a[data-click-id="body"] h2 {
  220. 	color: #aaa !important;
  221. }
  222. a[data-click-id="body"]:visited h2 {
  223. 	color: #777 !important;
  224. }
  225. .scrollerItem {
  226. 	box-shadow: none !important;
  227. }
  228.  
  229. div.content::before { display: none !important; }
  230. div.infobar-toaster-container { display: none !important; }
  231. div.side { display: none !important; }
  232. .bottommenu-advertise { display: none !important; }
  233. section.infobar { display: none !important; }
  234.  
  235. body div#sr-header-area { background-color: #222 !important; border-bottom: none !important; }
  236. body div#sr-header-area a { color: #48b !important; }
  237. body div#sr-header-area a#sr-more-link { background: #222 !important; }
  238. #header-bottom-left .tabmenu { position: initial !important; }
  239.  
  240. body.comments-page .sitetable.nestedlisting { background: initial !important; }
  241. body.comments-page .commentarea .comment { background: initial !important; }
  242. body.comments-page .commentarea .comment .comment { background: initial !important; }
  243. body.comments-page .commentarea .comment .comment .comment { background: initial !important; }
  244. body.comments-page .commentarea .comment .comment .comment .comment { background: initial !important; }
  245. body.comments-page .commentarea .comment .comment .comment .comment .comment { background: initial !important; }
  246. body.comments-page .commentarea .comment .comment .comment .comment .comment .comment { background: initial !important; }
  247. body.comments-page .commentarea .comment .comment .comment .comment .comment .comment .comment { background: initial !important; }
  248. body.comments-page .commentarea .comment .comment .comment .comment .comment .comment .comment .comment { background: initial !important; }
  249. body.comments-page .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment { background: initial !important; }
  250. body.comments-page .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background: initial !important; }
  251. /* the below 11 lines is merely a copy of the above 11 lines, to correct the userscript version of this UserCSS style */
  252. html:lang(np) .comments-page .sitetable.nestedlisting { background: initial !important; }
  253. html:lang(np) .comments-page .commentarea .comment { background: initial !important; }
  254. html:lang(np) .comments-page .commentarea .comment .comment { background: initial !important; }
  255. html:lang(np) .comments-page .commentarea .comment .comment .comment { background: initial !important; }
  256. html:lang(np) .comments-page .commentarea .comment .comment .comment .comment { background: initial !important; }
  257. html:lang(np) .comments-page .commentarea .comment .comment .comment .comment .comment { background: initial !important; }
  258. html:lang(np) .comments-page .commentarea .comment .comment .comment .comment .comment .comment { background: initial !important; }
  259. html:lang(np) .comments-page .commentarea .comment .comment .comment .comment .comment .comment .comment { background: initial !important; }
  260. html:lang(np) .comments-page .commentarea .comment .comment .comment .comment .comment .comment .comment .comment { background: initial !important; }
  261. html:lang(np) .comments-page .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment { background: initial !important; }
  262. html:lang(np) .comments-page .commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { background: initial !important; }
  263.  
  264. div#overlayScrollContainer > div:first-child { background: #222 !important; }
  265.  
  266. }

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址