NOTICE: By continued use of this site you understand and agree to the binding Terms of Service and Privacy Policy.
// ==UserScript==
// @name Reddit Android Holo style
// @license MPL-2.0
// @description Makes reddit look like an Android 4.x holo dark app, with emphasis on minimizing wasted space (huge margins / padding) as well as modernizing (web 2.0'ing!) the color scheme
// @author SniperFox
// @homepage https://openuserjs.org/users/SniperFox
// @copyright 2018, SniperFox (https://openuserjs.org/users/SniperFox)
// @include http://www.reddit.com/*
// @include https://www.reddit.com/*
// @include http://*.www.reddit.com/*
// @include https://*.www.reddit.com/*
// @include http://ssl.reddit.com/*
// @include https://ssl.reddit.com/*
// @include http://*.ssl.reddit.com/*
// @include https://*.ssl.reddit.com/*
// @include http://reddit.com/*
// @include https://reddit.com/*
// @include http://*.reddit.com/*
// @include https://*.reddit.com/*
// @run-at document-start
// @version 42
// ==/UserScript==
(function () {
var css = [
"body {",
" background-image: none !important;",
" background-color: black !important;",
" font-family: \'Ubuntu\', \'Helvetica Neue\', Helvetica, Arial, sans-serif !important;",
" color: #999 !important;",
"}",
"",
"h1, h2, h3, h4, h5, h6 {",
" color: inherit !important;",
"}",
"",
"button {",
" border: 1px solid #999 !important;",
" color: #999;",
" background-color: Black !important;",
" border-radius: 4px;",
"}",
"",
"body a, body a:visited, div.dropdown.srdrop .selected, .nextprev a, body .redditname {",
" color: #ccc !important;",
" text-decoration: none !important;",
"}",
"",
"body a.submitter {",
" color: #369 !important;",
" font-weight: 400 !important;",
" font-size: 16px !important;",
" text-decoration: none !important;",
"}",
"",
"body a.moderator {",
" color: #228822!important;",
" font-weight: 400 !important;",
" font-size: 16px !important;",
" text-decoration: none !important;",
"}",
"",
"body span.redditname a, span.pagename.selected {",
" color: #32A9D5 !important;",
" font-size: 1.7em !important;",
"}",
"",
"body h1.redditname a, span.pagename.selected {",
" color: #32A9D5 !important;",
" font-size: 1.1em !important;",
" font-variant: small-caps;",
"}",
"",
"body div.thing p.title a.title {",
" color: #32A9D5 !important;",
"}",
"",
"body a:hover, ul.tabmenu li.selected a, div.dropdown.srdrop .selected:hover, .nextprev a:hover {",
" color: White !important;",
"}",
"",
"div.morelink, div.nub, .fancy-toggle-button, .fancy-toggle-button .add, .fancy-toggle-button .remove, .titlebox form.toggle, .leavemoderator, .sidebox .spacer, .linkinfo, ",
".infobar, .flair, .linkflairlabel, .nextprev a, .icon-menu a, .searchpane, .raisedbox, .searchfacets, .RES-keyNav-activeElement, body div.content div.odd,",
".NERPageMarker, #RESDashboardAddComponent, #RESDashboardEditComponent, .RESDashboardComponentHeader, body .commentarea .RES-keyNav-activeElement .md, ",
"body .commentarea .RES-keyNav-activeElement.entry .noncollapsed, .new-comment .usertext-body, .md pre {",
" background-image: none !important;",
" background-color: transparent !important;",
"}",
"",
"body div.content div.last-clicked {",
" border: none !important;",
"}",
"",
"body div.content div.link {",
" border-bottom: 1px solid #272727 !important;",
"}",
"",
"#header, #sr-header-area, #header #header-bottom-left, #header #header-bottom-right, body div.side {",
" background-color: #272727 !important;",
" border: none !important;",
" color: black !important;",
" line-height: normal !important;",
"}",
"",
"#sr-header-area {",
" height: 14px !important;",
" line-height: 14px !important;",
"}",
"",
"body #header #header-img {",
" display: none !important;",
"}",
"",
"div.sr-list span.separator, div.goldvertisement {",
" display: none;",
"}",
"",
"#header div.sr-list li {",
" font-family: \'Ubuntu Condensed\', \'Ubuntu\', \'Helvetica Neue\', Helvetica, Arial, sans-serif !important;",
" padding-right: 2px !important;",
"}",
"",
"#header div.sr-list li.selected a {",
" font-weight: 400 !important;",
" color: White !important;",
"}",
"",
"ul.tabmenu {",
" vertical-align: top !important;",
"}",
"",
"ul.tabmenu li a {",
" padding: 0 !important;",
" background-color: transparent !important;",
" border: none !important;",
" font-weight: 400 !important;",
"}",
"",
"#header-bottom-left {",
" font-size: 1em !important;",
" height: 24px !important;",
"}",
"",
"div.dropdown.srdrop .selected {",
" padding: 0 !important;",
" margin: 0 5px 0 0 !important;",
" background-image: none !important;",
" cursor: pointer;",
" font-family: \'Ubuntu Condensed\', \'Ubuntu\', \'Helvetica Neue\', Helvetica, Arial, sans-serif !important;",
"}",
"",
"#sr-header-area .drop-choices.srdrop, body #srList {",
" background-color: black !important;",
" opacity: 0.9;",
"}",
"",
"#sr-header-area .drop-choices a.choice:hover, body #srList tr:hover, body #srList tr:hover a {",
" background-color: #666 !important;",
" color: white !important;",
"}",
"",
"#sr-more-link {",
" display: none;",
"}",
"",
"body div.side {",
" margin: 0 1px 0 0;",
" padding: 0 0 0 2px;",
" border-left: 2px solid black !important;",
" color: #999 !important;",
"}",
"",
"div.side #search input[type=text] {",
" margin: 0 2px;",
" width: 290px;",
" background-color: black;",
"}",
"",
"div.morelink {",
" border: 0 !important;",
" font-weight: 400 !important;",
"}",
"",
".sidecontentbox .content {",
" border: 0 !important;",
"}",
"",
"div.side .spacer {",
" margin: 0 0 5px 0 !important;",
"}",
"",
"div.content {",
" margin: 0 !important;",
" padding: 0 !important;",
" border-top: 2px solid Black;",
"}",
"",
"div.content div.odd {",
" background-color: #272727 !important;",
"}",
"",
"div.content .spacer, div.link {",
" margin-bottom: 0;",
"}",
"",
".nextprev a, .nextprev a:hover {",
" border: none !important;",
"}",
"",
"div.linkinfo {",
" border: 1px solid #999;",
"}",
"",
"div.commentarea {",
" color: #999 !important;",
"}",
"",
".comment .child, .comment .showreplies {",
" border-left: 1px dotted #999;",
"}",
"",
"div.md {",
" max-width: none !important;",
" border: none !important;",
" background-color: transparent !important;",
"}",
"",
".flair, .linkflairlabel {",
" border: none !important;",
"}",
"",
"form, table.preftable, #account-activity, div.instructions, div.private-feeds, .wikititle, .wiki-page-content, .md, .md p {",
" color: #999 !important;",
" line-height: 1em !important;",
"}",
"",
"div.infobar, div.roundfield {",
" background-color: transparent !important;",
" color: #999 !important;",
" border: 1px solid #999;",
" border-radius: 4px;",
"}",
"",
"body .unvotable-message {",
" border: none !important;",
"}",
"",
".searchfacets {",
" box-shadow: none !important;",
"}",
"",
"body .pretty-button {",
" background-color: Black !important;",
" background-image: none !important;",
"}",
"",
"body a.pretty-button.positive {",
" color: Green !important;",
"}",
"",
"body a.pretty-button.negative {",
" color: Red !important;",
"}",
"",
"body input[type=\'submit\'], body textarea, body input[type=\'text\'] {",
" color: #999 !important;",
" background-color: Black !important;",
" border: 1px solid #999 !important;",
"}",
"",
".message.new>.entry {",
" background-color: transparent !important;",
" border: none !important;",
"}",
"",
".message.recipient > .entry, .message.recipient>.entry .noncollapsed {",
" color: #999 !important;",
"}",
"",
".usertext.border .usertext-body {",
" background-color: transparent !important;",
" border: 1px solid #369 !important;",
" border-radius: 4px;",
"}",
"",
"div.listing-chooser {",
" display: none !important;",
"}",
"",
"body.with-listing-chooser #header .pagename {",
" bottom: 0 !important;",
" margin-left: 0 !important;",
" position: relative !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);
}
}
})();