Old Reddit Dark Mode

Dark Mode for Old Reddit
换行
// ==UserScript==
// @name         Old Reddit Dark Mode
// @version      1.0
// @description  Dark Mode for Old Reddit
// @author       Ryan Buening
// @license      MIT
// @namespace    https://github.com/ryanbuening/userscripts
// @include      http://reddit.com/*
// @include      https://reddit.com/*
// @include      http://*.reddit.com/*
// @include      https://*.reddit.com/*
// @run-at       document-start
// ==/UserScript==

(function() {
	var css = [
		"#header {",
		"	margin-bottom: 20px;",
		"}",
		"/* Hide subreddits top bar */",
		"",
		".sr-list > .separator,",
		".sr-list > .separator + .sr-bar,",
		"#sr-more-link {",
		"	display: none !important;",
		"}",
		"#sr-header-area {",
		"	height: 0 !important;",
		"}",
		".sr-bar,",
		".dropdown.srdrop {",
		"	float: right !important;",
		"	margin-left: 1em;",
		"}",
		"/* Hide annoying stuff */",
		".give-gold-button,",
		".goldvertisement,",
		".embed-comment,",
		".nub {",
		"	display: none !important;",
		"}",
		"/* Reset */",
		"*, *:before, *:after {",
		"	background-color: transparent !important;",
		"	border: none !important;",
		"	color: #bdc1c6 !important;",
		"}",
		"/* Default links */",
		"a {",
		"	color: #48b !important;",
		"}",
		"a:visited {",
		"	color: #C58AF9 !important;",
		"}",
		"a:hover {",
		"	color: #5ad !important;",
		"}",
		"/* Background */",
		"html,",
		"body,",
		"#sr-more-link {",
		"	background-color: #202124 !important;",
		"}",
		"/* Top bar */",
		"#header-img,",
		"#mail,",
		".sidebox.create .spacer a {",
		"	filter: invert(80%) hue-rotate(180deg) !important;",
		"}",
		".drop-choices,",
		".hover-bubble,",
		".modal-dialog {",
		"	background: #111 !important;",
		"}",
		".tabmenu .selected a {",
		"	color: #999 !important;",
		"}",
		"/* Side bar */",
		".listing-chooser-collapsed .grippy {",
		"	width: 1px !important;",
		"}",
		".listing-chooser-collapsed .listing-chooser {",
		"	padding-right: 1px !important;",
		"}",
		".listing-chooser li.selected {",
		"	box-shadow: none !important;",
		"}",
		".grippy:after {",
		"	display: none !important;",
		"}",
		"/* Inputs and buttons */",
		"input,",
		"textarea,",
		".linkinfo .shortlink input,",
		".new-comment .usertext-body,",
		".morelink a,",
		".morelink:hover a,",
		".fancy-toggle-button a,",
		".usertext button {",
		"	background: #333 !important;",
		"	color: #999 !important;",
		"	font-weight: normal !important;",
		"}",
		"/* Listing */",
		".thing {",
		"	margin-bottom: 15px !important;",
		"}",
		".thing .title {",
		"	color: #8ab4f8 !important;",
		"}",
		".title:visited {",
		"	color: #C58AF9 !important;",
		"}",
		".thing .title:hover {",
		"	color: #ccc !important;",
		"}",
		".arrow {",
		"	filter: brightness(45%);",
		"}",
		".arrow.upmod,",
		".arrow.downmod {",
		"	filter: brightness(50%) contrast(120%);",
		"}",
		".link .score.likes {",
		"	color: #b3684d !important;",
		"}",
		".link .score.dislikes {",
		"	color: #7070c2 !important;",
		"}",
		".expando-button {",
		"	filter: brightness(45%) contrast(180%);",
		"	background-color: transparent !important;",
		"}",
		".moderator,",
		".green {",
		"	color: #3a3 !important;",
		"}",
		".admin,",
		".nsfw-stamp * {",
		"	color: #a66 !important;",
		"}",
		".pagename a,",
		".trophy-name {",
		"	color: #999 !important;",
		"}",
		".buttons li {",
		"	padding: 0 !important;",
		"}",
		".buttons a {",
		"	margin-right: 8px !important;",
		"	color: #888 !important;",
		"}",
		".buttons a:visited {",
		"	color: #C58AF9 !important;",
		"}",
		".buttons a:hover {",
		"	color: #bdc1c6 !important;",
		"}",
		".pagename,",
		".tabmenu li,",
		".link .midcol,",
		".buttons a,",
		".subreddit {",
		"	font-weight: normal !important;",
		"}",
		".search-expando.collapsed:before,",
		".comment-fade {",
		"	display: none !important;",
		"}",
		".recommended-link {",
		"	border-color: #333 !important;",
		"}",
		"/* Comments */",
		".link .usertext .md,",
		"blockquote,",
		"pre,",
		"code,",
		".gold-accent {",
		"	background-color: #111 !important;",
		"}",
		".md blockquote {",
		"	border-left: solid 4px #333 !important;",
		"}",
		".md td {",
		"	border: solid 1px #333 !important;",
		"}",
		"hr {",
		"	border-bottom: solid 1px #333 !important;",
		"}",
		".comment .author,",
		".morecomments a {",
		"	font-weight: normal !important;",
		"}",
		"/* RES */",
		".guider,",
		".guiders_button,",
		".res-fancy-toggle-button,",
		"#RESConsoleContainer,",
		"#RESShortcutsAddFormContainer {",
		"	background: #202124 !important;",
		"}",
		".RESDialogSmall,",
		".RESDropdownOptions,",
		".RESNotification,",
		"#alert_message {",
		"	background: #111 !important;",
		"}",
		".RES-keyNav-activeElement,",
		".RES-keyNav-activeElement .md-container {",
		"	background: #333 !important;",
		"}",
		".res-nightmode .arrow {",
		"	filter: none !important;",
		"}",
		"/* new.reddit.com */",
		"#header,",
		"#lightbox,",
		"#hamburgers,",
		"#overlayScrollContainer,",
		"#SHORTCUT_FOCUSABLE_DIV > div:first-child,",
		"header,",
		"div[data-redditstyle],",
		"body > div,",
		"div[style^=\"left:\"]",
		"div[role=\"button\"] {",
		"	background-color: #202124 !important;",
		"}",
		"#header svg {",
		"	filter: invert(90%) hue-rotate(180deg);",
		"}",
		"div[contenteditable=\"true\"] {",
		"	background: #333 !important;",
		"}",
		"#overlayFixedContent + div {",
		"	background: rgba(0, 0, 0, 0.7) !important;",
		"}",
		"div[data-slot] {",
		"	display: none !important;",
		"}",
		".icon, .icon:before {",
		"	color: inherit !important;",
		"}",
		"a[data-click-id=\"timestamp\"] {",
		"	color: #bdc1c6 !important;",
		"}",
		"a[data-click-id=\"body\"] h2 {",
		"	color: #bdc1c6 !important;",
		"}",
		"a[data-click-id=\"body\"]:visited h2 {",
		"	color: #C58AF9 !important;",
		"}",
		".scrollerItem {",
		"	box-shadow: none !important;",
		"}"
	].join("\n");
	if (typeof GM_addStyle != "undefined") {
		GM_addStyle(css);
	} else if (typeof PRO_addStyle != "undefined") {
		PRO_addStyle(css);
	} else if (typeof addStyle != "undefined") {
		addStyle(css);
	} else {
		var node = document.createElement("style");
		node.type = "text/css";
		node.appendChild(document.createTextNode(css));
		var heads = document.getElementsByTagName("head");
		if (heads.length > 0) {
			heads[0].appendChild(node);
		} else {
			// no head yet, stick it whereever
			document.documentElement.appendChild(node);
		}
	}
})();
欢迎访问Greasy Fork镜像
