/* ==UserStyle== @name Reddit Minimal Dark @namespace github.com/ibillingsley @version 1.4.0 @description Simple flat dark grey theme for old.reddit.com @author Isaiah Billingsley @homepageURL https://github.com/ibillingsley/userstyles @license 0BSD @advanced dropdown sr-top-bar "Subreddits top bar" { show "Show" << .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; } EOT; } @advanced dropdown mr-side-bar "Multireddits side bar" { show "Show" << .listing-chooser { display: none !important; } body > .content, .footer-parent { margin-left: 5px !important; } EOT; } ==/UserStyle== */ @-moz-document domain("reddit.com") { /* Colors */ :root { --rmd-text: #888; --rmd-text-light: #999; --rmd-text-dark: #777; --rmd-background: #222; --rmd-background-light: #2a2a2a; --rmd-background-dark: #181818; --rmd-border: #333; --rmd-link: #48b; --rmd-link-visited: #369; --rmd-link-hover: #5ad; --rmd-title: #bbb; --rmd-title-visited: #777; --rmd-title-hover: #ccc; --rmd-post-actions: #888; --rmd-post-actions-visited: #666; --rmd-post-actions-hover: #bbb; --rmd-button-text-light: #fff; --rmd-button-background: #333; --rmd-button-border: #555; --rmd-code-background: #000; --rmd-flair: #888; --rmd-flair-border: #444; --rmd-upvote: #b3684d; --rmd-downvote: #7070c2; --rmd-friend: #c83; --rmd-submitter: #3ab; --rmd-mod: #3a3; --rmd-admin: #c44; --rmd-nsfw: #c44; --rmd-nsfw-border: #822; --rmd-gold: #542; } /* Hide ads & annoyances */ #redesign-beta-optin-btn, .redesign-beta-optin, .give-gold-button, .goldvertisement, .premium-banner-outer, .premium-banner, .promotedlink, .promoted-tag, .listingsignupbar, .onboardingbar, .embed-comment, .nub { display: none !important; } /* Reset */ * { background-color: transparent; border-color: var(--rmd-border); color: var(--rmd-text); } html, body { color-scheme: dark; background-color: var(--rmd-background) !important; } a, a * { color: var(--rmd-link) !important; } a:visited, a:visited * { color: var(--rmd-link-visited) !important; } a:hover, a:hover * { color: var(--rmd-link-hover) !important; } /* Top bar */ #header * { background-color: transparent; border: none; } #header, #sr-more-link { background-color: var(--rmd-background) !important; background-blend-mode: soft-light; border: none; } #header-img, #mail, #notifications, #chat, #chat-v2, .sidebox.create .spacer a, .users-online:before, .c-close { filter: invert(80%) hue-rotate(180deg) !important; } .tabmenu a { background-color: transparent !important; border-color: var(--rmd-border) !important; } .tabmenu .selected a { background-color: var(--rmd-background-light) !important; color: var(--rmd-text-light) !important; } /* Hide subreddits top bar */ /*[[sr-top-bar]]*/ /* Side bar */ .side, .side *, .listing-chooser, .listing-chooser * { background-color: transparent !important; border-color: var(--rmd-border) !important; color: var(--rmd-text-dark); } .listing-chooser li.selected { background-color: var(--rmd-background-light) !important; box-shadow: none !important; } .listing-chooser .grippy:after { background-color: transparent !important; border: none !important; } .listing-chooser .grippy:not(:hover):before, .listing-chooser-collapsed .listing-chooser .grippy:not(:hover), .listing-chooser-collapsed .listing-chooser .contents { opacity: 0 !important; } /* Hide multireddits side bar */ /*[[mr-side-bar]]*/ /* Footer */ .footer, .footer * { border-color: var(--rmd-border) !important; } /* Chat */ .chat-app-window, #chat-app-minimized { background: var(--rmd-button-background) !important; border-color: var(--rmd-button-border) !important; } /* Inputs and buttons */ input, textarea, .linkinfo .shortlink input, .morelink a, .morelink:hover a, .nav-buttons a, .fancy-toggle-button a, .usertext button, .image-upload-drop-target { background: var(--rmd-button-background) !important; border-color: var(--rmd-button-border); color: var(--rmd-text-light) !important; font-weight: normal !important; } button { border-width: 1px; } .drop-choices, .hover-bubble, .modal-dialog { background: var(--rmd-background-dark) !important; } .dropdown .selected { color: var(--rmd-text) !important; } .drop-choices a:hover { background: var(--rmd-button-background) !important; } .hover-bubble:after { filter: invert(1); } .roundfield, .linefield { background-color: var(--rmd-background-dark) !important; } .formtabs-content { border-color: var(--rmd-background-light); } /* Listing */ .thing .title { color: var(--rmd-title) !important; } .title:visited { color: var(--rmd-title-visited) !important; } .thing .title:hover { color: var(--rmd-title-hover) !important; } .arrow { filter: brightness(45%); } .arrow.upmod, .arrow.downmod { filter: brightness(50%) contrast(120%); } .rank, .score { color: var(--rmd-text-dark) !important; } .link .score.likes { color: var(--rmd-upvote) !important; } .link .score.dislikes { color: var(--rmd-downvote) !important; } .expando-button, .thumbnail:empty { filter: brightness(50%) contrast(250%); background-color: transparent !important; } .friend, .friend:visited { color: var(--rmd-friend) !important; } .submitter, .submitter:visited { color: var(--rmd-submitter) !important; } .moderator, .moderator:visited, .green { color: var(--rmd-mod) !important; } .admin, .admin:visited { color: var(--rmd-admin) !important; } .nsfw-stamp * { color: var(--rmd-nsfw) !important; } .nsfw-stamp { border-color: var(--rmd-nsfw-border) !important; } .pagename a, .trophy-name { color: var(--rmd-text-light) !important; } .buttons li { padding: 0 !important; } .buttons a { margin-right: 8px !important; color: var(--rmd-post-actions) !important; } .buttons a:visited { color: var(--rmd-post-actions-visited) !important; } .buttons a:hover { color: var(--rmd-post-actions-hover) !important; } .buttons a.c-btn, .expando-gate__controls { color: var(--rmd-button-text-light) !important; } .pagename, .tabmenu li, .link .midcol, .buttons a, .subreddit { font-weight: normal !important; } .search-expando.collapsed:before, .comment-fade { display: none !important; } .recommended-link, .last-clicked, .menuarea, .searchpane { border-color: var(--rmd-border) !important; } .searchpane, .reddit-infobar { background-color: transparent; } .flair, .flairrichtext, .linkflairlabel { background-color: transparent !important; border-color: var(--rmd-flair-border); color: var(--rmd-flair); font-size: x-small; } .flairrichtext { border-style: inset outset outset inset; filter: saturate(0.3); } .flairemoji { vertical-align: bottom; opacity: 0.7; } /* Comments */ .panestack-title, .child, .author-tooltip { border-color: var(--rmd-border) !important; } .author-tooltip__head, .pinnable-content.pinned, .crosspost-preview-content, .interstitial-subreddit-description, .link .usertext .md, .form-bar, blockquote, pre, code { background-color: var(--rmd-background-dark) !important; border: none !important; } .linklisting .link { background-color: transparent; border-color: var(--rmd-border); } .link .usertext .md pre, .link .usertext .md code { background-color: var(--rmd-code-background) !important; } .gold-accent, .title-button.gold { background-color: transparent !important; border-color: var(--rmd-gold) !important; } .md, .usertext.grayed .usertext-body, .admin_takedown { background-color: transparent !important; color: var(--rmd-text); border-color: var(--rmd-border) !important; } .md blockquote { border-left: solid 4px var(--rmd-border) !important; } .md blockquote * { color: var(--rmd-text-dark); } .md td, .md th { border: solid 1px var(--rmd-border) !important; } hr { background-color: transparent !important; border: solid var(--rmd-border) !important; border-width: 0 0 1px 0 !important; } .comment .author, .morecomments a { font-weight: normal !important; } .comment.collapsed a.expand:after { color: transparent !important; } .new-comment .usertext-body, .usertext.border .usertext-body, .message.new > .entry, .crosspost-preview, .infobar { background-color: var(--rmd-background-light) !important; border: none; } } @-moz-document domain("redditmedia.com") { body { background: black; } body > iframe { width: 100vw; height: 100vh; } }