makes background transparent and overhauls into dark mode
Reddit for me by thomwalks
Details
Authorthomwalks
LicenseNONE
Categorywww.reddit.com
Created
Updated
Size7.6 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
Userstyle doesn't have notes.Source code
/* ==UserStyle==
@name Backgroundless dark mode by me
@namespace USO Archive
@author justACatBuryMe
@description catppuccin for old reddit Based on One Dark Style For Old Reddit (i just changed color codes to those on https://github.com/catppuccin/catppuccin https://userstyles.org/styles/129171/reddit-minimal-dark
@version 20230312.13.46
@license NONE
@preprocessor uso
==/UserStyle== */
@-moz-document domain(www.reddit.com), domain(old.reddit.com) {
/* One Dark Style For Old Reddit */
/* Start of snippet based on https://userstyles.org/styles/129171/reddit-minimal-dark */
/* Hide annoying stuff */
.give-gold-button,
.goldvertisement,
.embed-comment,
.nub {
display: none !important;
}
/* Reset */
*,
*:before,
*:after {
background-color: #0000 !important;
color: #fff !important;
}
/* Default links */
a {
color: #cb86f8 !important;
}
a:visited {
color: #f20a0a !important;
}
a:hover {
color: #cba6f7 !important;
}
/* Background */
html,
body,
#sr-more-link {
background-color: #000 !important;
}
/* Top bar */
.drop-choices,
.hover-bubble,
.side,
div.titlebox,
.modal-dialog {
background: #000 !important;
}
.tabmenu .selected a {
color: #585b70 !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: #313244 !important;
color: #585b70 !important;
font-weight: normal !important;
}
/* Listing */
.thing .title {
color: #acb2c7 !important;
}
.title:visited {
color: #45475a !important;
}
.thing .title:hover {
color: #bac2de !important;
}
.expando-button {
filter: brightness(45%) contrast(180%);
background-color: transparent !important;
}
.moderator,
.green {
color: #a6e3a1 !important;
}
.admin,
.nsfw-stamp * {
color: #f38ba8 !important;
}
.pagename a,
.trophy-name {
color: #585b70 !important;
}
.buttons li {
padding: 0 !important;
}
.buttons a {
margin-right: 8px !important;
color: #45475a !important;
}
.buttons a:visited {
color: #313244 !important;
}
.buttons a:hover {
color: #585b70 !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: #313244 !important;
}
/* Comments */
.link .usertext .md,
blockquote,
pre,
code,
.md blockquote {
border-left: solid 4px #313244 !important;
}
.md td {
border: solid 1px #313244 !important;
}
hr {
border-bottom: solid 1px #313244 !important;
}
.comment .author,
.morecomments a {
font-weight: normal !important;
}
/* RES */
.guider,
.guiders_button,
.res-fancy-toggle-button,
#RESConsoleContainer,
#RESShortcutsAddFormContainer {
background: #313244 !important;
}
.RESDialogSmall,
.RESDropdownOptions,
.RESNotification,
#alert_message {
background: #1e1e2e !important;
}
.RES-keyNav-activeElement,
.RES-keyNav-activeElement .md-container {
background: #313244 !important;
}
.res-nightmode .arrow {
filter: none !important;
}
/* End of snippet based on https://userstyles.org/styles/129171/reddit-minimal-dark */
/* One Dark Style For Old Reddit */
/* Thumbnails */
.thumbnail.self {
background-image: url(https://img.icons8.com/fluency/344/reddit.png);
/* Reddit icon by Icons8: https://icons8.com/icon/h3FOPWMfgNnV/reddit */
background-position: 4px -5px;
background-repeat: no-repeat;
background-size: 55px 55px;
}
.thumbnail.spoiler {
background-image: url(https://i.imgur.com/lpzPMKX.png);
/* Reddit icon by Icons8: https://icons8.com/icon/h3FOPWMfgNnV/reddit */
background-position: 4px -5px;
background-repeat: no-repeat;
background-size: 55px 55px;
}
.thumbnail.default {
background-image: url(https://i.imgur.com/ZPS7RHE.png);
/* Reddit icon by Icons8: https://icons8.com/icon/h3FOPWMfgNnV/reddit */
background-position: 4px -5px;
background-repeat: no-repeat;
background-size: 55px 55px;
}
/* Upvote/dowmnvote */
.arrow.upmod {
background-image: url(https://i.imgur.com/fmckYhF.png);
/* Thick Arrow Pointing Up icon by Icons8: https://icons8.com/icon/99690/thick-arrow-pointing-up */
background-position: -4.5px -1px;
background-repeat: no-repeat;
background-size: 24px 24px;
}
.arrow.downmod {
background-image: url(https://i.imgur.com/aJJvTy5.png);
/* Thick Arrow Pointing Up icon by Icons8: https://icons8.com/icon/99690/thick-arrow-pointing-up */
background-position: -4.5px -9px;
background-repeat: no-repeat;
background-size: 24px 24px;
}
/* Score */
.link .score.likes {
color: #f38ba8 !important;
}
.link .score.dislikes {
color: #cba6f7 !important;
}
.linkinfo>div:nth-child(2)>span:nth-child(1) {
color: #a6e3a1 !important;
}
/* Subreddit header */
.pagename a,
.trophy-name {
color: #89b4fa !important;
}
.tabmenu .selected a {
color: #89b4fa !important;
font-weight: bold;
}
/* Reddit logo */
#header-img.default-header {
text-indent: -9999px;
background-image: url(https://i.imgur.com/3cKNTd1.png);
background-position: 10px -11px;
background-size: 112px 64px;
background-repeat: no-repeat;
height: 40px;
width: 130px;
display: inline-block;
vertical-align: bottom;
}
/* Misc */
a.edit-btn {
background-color: #bdc5e1 !important;
white-space: nowrap;
float: none;
}
.linkinfo .shortlink input,
.new-comment .usertext-body,
.morelink a,
.morelink:hover a,
.fancy-toggle-button a {
background: #282C33 !important;
color: #bac2de !important;
font-weight: normal !important;
}
input,
textarea {
background: rgb(40, 44, 51) !important;
color: #bac2de !important;
}
.submit-link>div:nth-child(1)>a:nth-child(1) {
background: #4d8cc3 !important;
color: rgba(248, 248, 242, 0.85) !important;
font-weight: bold !important;
}
.submit-text>div:nth-child(1)>a:nth-child(1) {
background: #4d8cc3 !important;
color: rgba(248, 248, 242, 0.85) !important;
font-weight: bold !important;
}
a.hover {
color: #89b4fa !important;
}
}