Dark theme for Reddit Old
Redpleb da by minnieo
Details
Authorminnieo
Licensemit
Categoryold.reddit.com
Created
Updated
Size23 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Reddit Old Redesigned Dark
@version 2.4.1
@description Dark theme for Reddit Old
@author Jorengarenar
@homepageURL https://github.com/Jorengarenar/RedditOldRedesignedDark
@namespace joren.ga
@preprocessor less
@var checkbox thumbnails "Show thumbnails" 1
==/UserStyle== */
@-moz-document domain("www.reddit.com"), domain("old.reddit.com") {
/* COLOR DEFINITIONS */
:root {
--gray-0: #121212;
--gray-1: #232323;
--gray-2: #343434;
--gray-3: #454545;
--gray-a0: #1e1e1e;
--blue-0: #4ac;
--blue-1: #369;
--blue-2: #2c89f5;
--red: #d3391a;
--dark-red: #440202;
--text-normal: hsla(0, 100%, 100%, 0.8);
--text-normal-hover: #fff;
--text-med: hsl(0, 0%, 60%);
--text-dark: hsl(0, 0%, 45%);
--text-dark-hover: var(--text-normal);
--url: hsla(200, 20%, 60%, 0.8);
}
.entry.res-selected, #previoussearch > *,
li.res-search-tab-active, .entry.res-selected, .entry.res-selected .md-container,
.entry.unvoted, .child, .res-commentBoxes, .comment {
background-color: var(--gray-0) !important;
}
body[class] {
/* General {{{ */
& {
background-color: var(--gray-0);
}
&, .md {
color: var(--text-normal);
}
.md-spoiler-text.revealed {
background: var(--gray-1);
}
a, a[class], a[class]:visited {
color: var(--url);
}
a:hover {
color: var(--text-normal-hover);
}
blockquote {
color: var(--text-med);
}
pre, code {
background: var(--gray-a0) !important;
border: none;
}
.NERPageMarker {
background-color: var(--gray-1);
color: white;
border: 1px solid rgba(208, 208, 208, .23);
}
textarea, input {
background: var(--gray-0);
border: 1px solid var(--gray-1);
color: var(--text-normal);
}
button {
background: var(--gray-0);
border-radius: 5px;
border: 1px solid;
color: var(--text-med);
}
button:hover {
background: var(--gray-1);
}
input[type="text"] {
border-radius: 2px;
color: var(--text-med) !important;
font-size: 14px;
}
/* General }}} */
/* Header */
#header {
& {
background: var(--gray-1);
border-bottom: 2px solid var(--gray-0);
display: flex;
flex-wrap: wrap;
position: sticky;
top: 0;
}
#sr-header-area {
& {
align-items: center;
background: var(--gray-2);
border: 0;
display: flex;
font-size: 12px;
padding: 3px 0;
width: 100%;
}
/* Subreddit links */
a, .dropdown.srdrop .selected {
color: var(--text-med) !important;
font-size: 13px;
text-decoration: none;
}
a:hover, .dropdown.srdrop .selected:hover {
color: var(--text-dark-hover) !important;
}
.sr-list .flat-list.sr-bar:nth-of-type(2) {
text-transform: none;
}
.sr-bar .separator {
color: var(--red);
margin: 0 4px;
}
/* "my subreddits" dropdown menu */
.drop-choices {
& {
background: var(--gray-0);
border: 1px solid var(--gray-2);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.6), 0 6px 6px rgba(0, 0, 0, 0.9);
font-size: 12px;
max-height: 50vh;
min-height: min-content;
overflow: clip auto;
padding: 4px 0;
}
.choice {
& {
padding-right: 20px;
}
&:hover {
background: var(--gray-2);
}
}
}
/* Hide default subreddits */
.sr-list .separator:nth-of-type(2),
.sr-list .flat-list.sr-bar:nth-of-type(3) {
display: none;
}
/* Hide Redesign prompt */
#redesign-beta-optin-btn {
display: none;
}
/* Hide "Edit" button at the end of subreddit headers */
#sr-more-link {
display: none;
}
}
#header-bottom-left {
& {
align-items: center;
display: flex;
height: 56px;
}
#header-img {
background-image: url(https://www.redditstatic.com/desktop2x/img/favicon/apple-icon-57x57.png) !important;
background-position: center !important;
background-size: cover;
height: 36px !important;
margin: 4px 16px;
width: 36px !important;
}
#header-img:hover {
opacity: 0.8;
}
.pagename {
& {
font-size: 22px;
font-variant: normal;
margin: 0 10px;
position: initial !important;
}
&.redditname a {
color: var(--text-normal);
}
}
.tabmenu {
& {
margin: 0;
}
li a {
background: none;
color: var(--text-normal);
font-size: 18px;
font-weight: initial;
text-transform: uppercase;
}
li a:hover {
color: var(--text-normal-hover);
}
li.selected a {
border: none;
color: var(--red);
}
}
}
#header-bottom-right {
& {
align-items: center;
background: none;
display: flex;
font-size: 14px;
margin-left: auto;
padding: 0 8px;
position: initial;
}
a {
color: var(--text-normal);
}
a:hover {
color: var(--text-normal-hover);
}
.user { /* hide karma */
& {
display: flex;
visibility: hidden;
}
> a {
order: 1;
visibility: visible;
}
}
}
}
/* Right sidebar */
.side {
& {
background: var(--gray-1);
box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
margin: 0;
padding: 16px;
}
.md {
font-size: 13px;
}
.sidebox .spacer {
background: var(--gray-a0);
padding: 5px 3px;
}
.titlebox h1 a { /* subreddit name */
color: var(--text-normal) !important;
}
.titlebox form.toggle, .leavemoderator { /* edit flair/mod */
background: none;
color: var(--text-normal);
}
.sidecontentbox .message-button a.c-btn-primary { /* "Message the mods" */
background-color: var(--gray-2);
border-bottom: none;
}
.sidecontentbox { /* Tools */
&.collapsible a {
background: none;
color: var(--text-med) !important;
}
.collapse-button {
background: var(--gray-3);
color: var(--text-normal);
}
}
.linkinfo { /* "this post was submitted..." */
& {
background: var(--gray-2);
border-color: var(--gray-3);
}
#shortlink-text {
color: var(--text-med);
}
}
#searchexpando {
& {
padding: 8px 16px;
}
label {
margin: 8px 0 0 0;
}
}
.morelink { /* "Submit a new..." buttons */
& {
background: var(--gray-2);
border: 0;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
}
a {
color: var(--text-med) !important;
}
&:hover a {
background: var(--gray-3);
}
.nub {
display: none;
}
}
.sidebox.create .spacer { /* Front page's "create note" */
display: none;
}
.read-next-container .read-next {
& {
background: var(--gray-2);
border-color: var(--gray-3);
}
.read-next-header {
background-color: var(--gray-1);
color: var(--text-normal);
border-color: var(--gray-3);
}
.read-next-meta {
color: var(--text-normal);
}
}
.trophy-area {
.content {
background-color: transparent;
}
.trophy-name {
color: var(--text-normal) !important;
}
}
.server-seconds {
&, em {
background-color: transparent;
color: var(--text-normal);
}
}
.subscribe-button a.add.active {
color: var(--text-normal) !important;
}
}
/* Left sidebar (Listing Chooser) */
.listing-chooser {
& {
background-color: var(--gray-2) !important;
}
&.initialized, * {
transition: none !important;
}
li {
& {
background-color: var(--gray-1) !important;
border-color: var(--gray-3);
}
&:hover {
background-color: var(--gray-2) !important;
}
> a {
color: var(--text-normal);
}
&.selected {
border-color: var(--gray-3);
box-shadow: none;
}
}
.grippy {
& {
background: var(--gray-1) !important;
}
&:hover {
background: var(--gray-3) !important;
}
&::after, &::before {
filter: grayscale(1) brightness(3);
position: initial !important;
}
}
.intro {
display: none;
}
}
/* "sorted by" / "links from" dropdown menu */
.dropdown-title.lightdrop {
&, & ~ div > .selected {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
}
& ~ .inuse {
a {...