Skip to content

zen reddit (read the notes for tips) by GitEin11

Screenshot of zen reddit (read the notes for tips)

Details

AuthorGitEin11

LicenseNo License

Categoryreddit.com

Created

Updated

Size78 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

zen a blissful experience for reddit

This is a rewrite of my theme "plain reddit"

comment are returned, upvote. etc
thru hovering

Notes

to apply you need to be login

apply the reddit native dark mode
[ click on your profile ] > view option > toggle the dark mode

zen reddit:

1. replace redditor avatar with vote count, also removes the fancy tags of redditor

2. to vote hover above/below the vote count

3. to reply to the post hover on the row where "comment as...."
is placed to make it stay, hover and choose markdown mode

4. to reply to a comment, hover below the redditor name
a slight delay is put before showing the "reply share ..."
so if theres a url link under, it will be clickable before it is covered

5. community sidebar(right side bar) is only shown in
reddit.com/r/[community]
fixed its position to the right and make it independently scrollable
so if your browsing in
reddit.com/r/[community]/hot or /comments
or any link it will be hidden

6. if the left side bar is pinned the "Filter" is fixed so scrolling thru your communities will not afffect its position
to unpinned hover on the right side of "Filter" to show the close button

7. the chat, notification, etc. button of menu bar is hidden, just hover on the right side of "reddit" to show it.

8. when a post is being view the community banner is removed
when not in popup view [not the one with title banner and close button]
the upper row where "Posted by ..." is seen, I put a button โŒ‚, its a home button to go to the community where it was posted, I put it there since I remove the entire community banner

Tips:

1. to remove promoted post apply this
https://greasyfork.org/en/scripts/382572-hide-reddit-s-promoted-posts

2. dark theme is dark theme and emojis are too bright
install this: (so css can be applied)
https://addons.mozilla.org/en-US/firefox/addon/emoji-to-english/
sometimes you need to reload the extension[pinned it in your toolbar and click to reload]

annoyed by emoji spammer? the comments with repetitive emoji like ๐Ÿ™ƒ๐Ÿ™ƒ๐Ÿ™ƒ๐Ÿ™ƒ
make a bookmark with the following content

javascript: (() => { let elements = document.querySelectorAll(".emoji-to-english-translation"); for (let element of elements) { let text = element.textContent; let words = text.split(/[\[\]]+/); let unique = []; for (let word of words) { word = word.trim(); if (word && !unique.includes(word)) { unique.push(word); } } if (unique.length > 0) { let newText = "[ " + unique.join(" ] [ ") + " ] "; element.textContent = newText; } else { element.textContent = ""; } } let elements2 = document.querySelectorAll(".emoji-to-english-translatable"); for (let element of elements2) { let text = element.textContent; let newText = text.replace(/(\p{Emoji})\1+/gu, '$1'); element.textContent = newText; } })()

or copy it here: https://github.com/GitEin11/uploaded-files/blob/f9638f0126e06197a56e1b6cd640832f5ec8dc2b/Emoji%20Fixer%20Bookmarklet

name it what ever you like then save it. put it to your bookmark bar for easy access
reload emoji-to-english extension if needed then click on the bookmarklet.
annoying repeated emojis will be nuked
only applies if those emojis are not separated by "space"

see it in action:
nuking of emoji

3. Replace the word "Vote" in reddit vote count
https://greasyfork.org/en/scripts/482180-reddit-vote-replacer

4. tired of cringey comments like "happy cakeday", or those repetetive jokes that creates threads like "and my axe" followed by "and my bow" etc. Remove it by using this
https://greasyfork.org/en/scripts/486245-reddit-removes-happy-cakeday-comment

5. View full image bookmarklet:
https://github.com/GitEin11/uploaded-files/blob/main/Reddit%20Full%20image%20View

see it in action:
View full image

6. unblur content bookmarklet (fastest way to unblur content):
https://github.com/GitEin11/uploaded-files/blob/f9638f0126e06197a56e1b6cd640832f5ec8dc2b/Reddit%20unblur%20bookmarklet

see it in action:
Reddit unblur

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name          zen reddit
@namespace     github.com/openstyles/stylus
@version       1.5.1
@description   make your reddit experience blissfully
@homepageURL   https://github.com/GitEin11
@author        ein
==/UserStyle== */


@-moz-document domain("reddit.com") {
/*
* {border-radius:0 !important}
*/

/*
General system stability improvements to enhance the user's experience.
*/

._3hUbl08LBz2mbXjy0iYhOS:hover,
._3b8u2OJXaSDdBWoRB7zUoK:hover {
    opacity:1
}



/* links on caption on image post */
._1Bdk-WLPvP2xHwSSQ3qsHq ._3t5uN8xUmg0TOwRCOGQEcU {
  color: #777 !important;
  font-weight: normal !important;
}


/* image on post width */
._3m20hIKOhTTeMgPnfMbVNN,
._1dwExqTGJH2jnA-MYGkEL- {
  max-width: 816px !important;
}

._2dr_3pZUCk8KfJ-x0txT_l {
  display:none
}

._1lhlKOukuHHzZKIlnXcHmQ:hover {
  border-color:#0000;
}


/* have an idea for new comunity blah blah */
._2ddpn_fVcA1SYZzLivK-SD {
  height: 0;
}
._9jODC2-h7cM9Y6Duqs_W4 {
  margin-top: 0px;
}


/* hide spoiler content */
._2v4IIjPhKL0PDaWaWtjJ1E {
  background:#232324;
}

/* user */
._2nxyf8XcTi2UZsUInEAcPs._2nxyf8XcTi2UZsUInEAcPs {
  color:#777;
}
._2_QqG5dG916znjlVV8ZCbw,
._2UOVKq8AASb4UjcU1wrCil {
  visibility: collapse;
  width:0
}
.FB0XngPKpgt3Ui354TbYQ {
  margin-left: 0px;
}

._2E_zUw3OUkCKUFrIQwE894 {
  visibility: collapse;
}


/* search result*/
.icon.N0zmIZbfRSCGk2rUOGHSS,
.-V0kqUlRHvLoNRUAUmCy9 {
  color:var(--blue-col);
  font-weight:normal;
}



/* notification */
.wdFbe8PT7DInxaiHo2Me1,
._3C3k7jI3ZTmLbJfMRgwMp0 ul *,
._2LFc4YaOIyX_CuErU3hk7i,
._4Glnzr5LA7bNBGMWGW4pU._2nelDm85zKKmuD94NequP0,
._1R0ZV71kh7uwDXo7fn1eDk *,
._3pDOQfbIbQuT4PBwPGp85E.icon.icon-mark_read,
._3pDOQfbIbQuT4PBwPGp85E.icon.icon-settings {
  color:#777 !important;
  fill:#777 !important;
}
:root,
[class^="subredditvars-"] {
--newRedditTheme-activeAlpha20: #222 !important;
}
._8INvnNiEMHRndJ0M-LiY {
  background-color:#151515;
}


/* recap */
.XUd7bCU9SM6ycr6f242KD,
._1PvH4m9c5gT9_kN2ABo2zG {
  width: 0;
}
._3_q3LTg22ze3wzCdYIyppX {
  background:#2f2f2f;
  color:#7c7e7f;
}
.FjkUHssa96HMV17_qcQt6 {
  background-image: none !important;
  box-shadow:0 0 0 rgba(0, 0, 0, 0);
}
.FjkUHssa96HMV17_qcQt6 {
  padding:0 8px !important;
}
.FjkUHssa96HMV17_qcQt6 ._27ZWqn-n6gBKDTqLbt0uk1 ._2GYO5AeH0SYqV0W_IYw7C_ ._1Tw_Z3ZCizARHq8mDvXtJp,
.ZtxCbLGmd-U6DH5-RsBJV div {
  color:#777 !important;
}
._1OVBBWLtHoSPfGCRaPzpTf._3nSp9cdBpqL13CqjdMr2L_._2OVNlZuUd8L9v0yVECZ2iA a.flex {
  visibility: collapse;
  height: 0;
  margin: 0;
  padding: 0;
}
._1YWXCINvcuU7nk0ED-bta8:focus,
._1YWXCINvcuU7nk0ED-bta8:hover {
  background-color:#232324;
}

/* comments background
looks the same but actually #1b1b1c */
._2M2wOqmeoPVvcSsJ6Po9-V._3287nL7j7epK9JmDC3N1VR {
  background:#1a1a1b;
}

/* top feed padding */
._31N0dvxfpsO6Ur5AKx4O5d {
  padding:8px 24px 20px 24px;
}

/* message */
._3smo-GSstogGTGh6ArpwI0,
._1Bzw8F6BC4Vk8OzAgnU0z3 {
  visibility: collapse !important;
  width: 0 !important;
}
.icon-mark_read,
.F0hrtz76LlopbY9X0wtDo i,
._3LbCSOW9yuZK_CHzTuR9M5.icon.icon-reply,
._2oVe02cXZA6mJa7WXHJFi5.icon.icon-overflow_horizontal {
 visibility: visible !important;
 color: #777 !important;
}
._3smo-GSstogGTGh6ArpwI0 i {
  visibility: hidden !important
}


/* because you visited blah blah */
.nAL34ZVf4KfyEoZIzUgmN._3hWVRt6y8PqOoC2VuZETZI {
  margin:0 16px 8px;
}

/* search query highlight */
._1Nh8xLEUG3orjY1k1aijj {
  background: #4a6675 !important;
  color: #000 !important;
}
._1K7ubH9z5v9E6C19j2fjQU,
._2uYY-KeuYHKiwl-9aF0UiL,
._3lfTEmyI7x9ib1wz4e8RWP,
._4Glnzr5LA7bNBGMWGW4pU,
._2torGbn_fNOMbGw3UAasPl,
._3n4VKjpr-iVnAmYcon-YbI,
.S53DUJItOf0GhJnniZ_fP,
._1-SZ3VwLjbFwTzaZvU8FBX {
  color: #666;
}
._3XsEUsC3uEaiEi63QWpAM {
  fill: #666;
  color: #666;
}
._2tLIUcp3fYt74ZlVikNlz5,
._1jKZytiaP074XAKQIdEzzq {
  color:var(--blue-col);
}
._19DndzbKSqGxpzJ7gycTJL {
  fill:var(--blue-col);
}

.cmR5BF4NpBUm3DBMZCmJS:hover:before,
.cmR5BF4NpBUm3DBMZCmJS:hover {
  background: #0000 !important;
  color: var(--blue-col) !important;
}

/* community icon */
._2mHuuvyV9doV3zwbZPtIPG._3Wz607wX-KXslTUjYvTZWi i {
  display:none;
}

.Chtkt3BCZQruf0LtmFg2c {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.STit0dLageRsa2yR4te_b {
  margin-top: 12px;
}
._3xuFbFM3vrCqdGuKGhhhn0 {
padding:0
}

/* ////////// */
/*new post notif havent properly catch this motherf**k
so ill just hide it */
._2w46GjyOK9f8VUpIbu6q1B {
  height:0 !important;
  visibility: hidden !important;
  display: none !important;
  width: 0 !important;
}
._2w46GjyOK9f8VUpIbu6q1B,
._3bDW1dwX-jslT_naNgPVpF,
.cmR5BF4NpBUm3DBMZCmJS,
._1PPMaBuBIFqAY5VrSWww3Y,
.cmR5BF4NpBUm3DBMZCmJS::before,
._1PPMaBuBIFqAY5VrSWww3Y::before,
._1P6W3uUZ7ehYwJrW6a7sfJ,

.cmR5BF4NpBUm3DBMZCmJS {
background-color: #1A1A1B;
}
._2R__ntXP0SJs6INH-bBBFn._2R__ntXP0SJs6INH-bBBFn {
border-right: 1px solid #0000;
}
._1PPMaBuBIFqAY5VrSWww3Y {
fill: #666;
}

._2w46GjyOK9f8VUpIbu6q1B, ._3bDW1dwX-jslT_naNgPVpF, .cmR5BF4NpBUm3DBMZCmJS, ._1PPMaBuBIFqAY5VrSWww3Y, .cmR5BF4NpBUm3DBMZCmJS::before, ._1PPMaBuBIFqAY5VrSWww3Y::before, ._1P6W3uUZ7ehYwJrW6a7sfJ, ._2X4xugrTQ5e3TVxPPEHqGh ._3JKnqeBKw2wp7eHzFXNXSe, ._2nAeJnoRM4DyyVYoJhvMc4._2q-ZKRaT1WjKg092R6La5J {
background: #0e0e0e;
}
.cmR5BF4NpBUm3DBMZCmJS {
background: #0000;
}


/* new comment */
._2X4xugrTQ5e3TVxPPEHqGh ._3JKnqeBKw2wp7eHzFXNXSe,
._2nAeJnoRM4DyyVYoJhvMc4._2q-ZKRaT1WjKg092R6La5J {
  color:#777;
  background:#0e0e0e;
}
.cmR5BF4NpBUm3DBMZCmJS {
  border-radius:9999px;
  background:#0e0e0e;
  color:#777;
  fill:#777;
}

.cmR5BF4NpBUm3DBMZCmJS:before {
  border-radius:9999px;
  background:#0e0e0e;
}
.cmR5BF4NpBUm3DBMZCmJS:hover::before {
  opacity: 1;
}
/* ////////// */


/* coded text */
._34q3PgLsx9zIU5BiSOjFoM,
._3GnarIQX9tD_qsgXkfSDz1 {
  background:#131313;
  max-width:100%;
  overflow:auto
}

._292iotee39Lmt0MkQZ2hPV {
  color: #666;
}
.xAmHTHwvPxxv5jpbb68XN {
  display: none;
}
.icon.nltZBKTbnoPZEcEaIufmh.TiWmxUzfBQADxToVGHQeM {
  width: 0;
  visibility: collapse;
}


/* MOD TAGs */
._2X6EB3ZhEeXCh1eIVA64XM._2hSecp_zkPm_s5ddV2htoj._1vh4u-B3eHXE3-ko0huS20:hover,
._1Y_VNBcV1dWk6Y7xcJHQyQ ._1jNPl3YUk6zbpLWdjaJT1r:hover,
._2X6EB3ZhEeXCh1eIVA64XM._2hSecp_zkPm_s5ddV2htoj._1vh4u-B3eHXE3-ko0huS20,
._1Y_VNBcV1dWk6Y7xcJHQyQ ._1jNPl3YUk6zbpLWdjaJT1r {
border-radius: 0 !important;
padding: 0;
margin: 2px 10px;
font-size:12px;
height:16px;
line-height:16px;
background:#0000 !important;
color: #666 !important;
}


/* widget image*/
._3WqRAmto46uhALFWnn8-Pa {
  color: #0000;
}

/*= flair ! Answered */
.lrzZ8b0L6AzLkQj5Ww7H1 ._1QwShihKKlyRXyQSlqYaWW,
.ij57zT3Rtmsew_4V8vYmY._1Dpo5nORF-CHLCeoDHpZuR ._1QwShihKKlyRXyQSlqYaWW {
  float: inline-end;
  filter: brightness(.5) !important;
  transform: translateY(-50%);
  top: 50%;
}
._2Gt13AX94UlLxkluAMsZqP /*flags*/ {
  float: inline-start;
  filter: brightness(.5) !important;
  transform: translateY(-50%);
  top: 50%;
}


._3b9QdopIknN9AuNvj2kI9X:hover ._1QwShihKKlyRXyQSlqYaWW,
.lrzZ8b0L6AzLkQj5Ww7H1:hover ._1QwShihKKlyRXyQSlqYaWW {
  filter: contrast(0%) brightness(.3) !important;
}


._3SUsITjKNQ7Tp0Wi2jGxIM._3edNsMs0PNfyQYofMNVhsG {
  color: var(--newCommunityTheme-voteText-upvoteShaded80)
}
.Q0BxYHtCOJ_rNSPJMU2Y7._3yQIOwaIuF6gn8db96Gu7y {
  color: var(--newCommunityTheme-voteText-downvoteShaded80);
}

._19EKcu4yel161081OGs8w9 {
  height:32px;
  width:0;
  margin-right:0;
  visibility: hidden;
}

/* block code */
._28lDeogZhLGXvE95QRPeDL {
  border-left:4px solid #333;
  margin:4px 0 4px 2px;
  padding-left:8px;
}



/*locked thread/ archived */

._1EjIqPTCvhReSe3IjZptiB._1DUKbp8va6vxOv9zemBDBi {
  border: 0
}
._1EjIqPTCvhReSe3IjZptiB._1DUKbp8va6vxOv9zemBDBi  div {
  background: transparent !important
}
._2WSiH2JwZq4bXuvrDn-cgU,
._1EjIqPTCvhReSe3IjZptiB._1DUKbp8va6vxOv9zemBDBi i {
  color: #666
}


._3wTfn3Meg1rXJ-qd2jUWMt {
  color:#666;
}

.zgT5MfUrDMC54cpiCpZFu {
  background-color:#151515;
}

._3-miAEojrCvx_4FQ8x3P-s *:focus {
  background-color: unset;
}
span._2-cXnP74241WI7fpcpfPmg:nth-child(1) {
  border-radius: 0;
}



#CountrySort--CountrySortPicker > span:nth-child(1) {
  border-radius: 10px;
}

.icon._1xvdfUtOPDANqHjxzxKX5b._1TI6C7sqGL9TRdsq1jRks
{
  visibility: hidden;
  width: 0;
}

.MSTY2ZpsdupobywLEfx9u {
  width: 100vw;
  float: inline-end;
}

/* deleted post */
._2bSWRKmIOj8SKw_5EOrpVb,
.jf95ZrrjIs2i--Ud8Kvb7 {
  border-color:#0000 !important;
}
._3TLlMYjrPH9Kl9522LpSxb {
  background-color:#0000 !important;
}
._2bSWRKmIOj8SKw_5EOrpVb._1DUKbp8va6vxOv9zemBDBi svg,
.jf95ZrrjIs2i--Ud8Kvb7 svg {
 fill: #0000 !important; stroke: #666 !important
}

._3ryJoIoycVkA88fy40qNJc {
  color: #888 !important
}
._2uYY-KeuYHKiwl-9aF0UiL._3R-HO3gwoomy9obdIHmDLx span {
  height:20px;
}

._3KTYozwt91D81Yub-OQ4S3 {
  margin: 0 5px 8px 10px;
  left: -10px;
  position:relative;
  float: right;
}
._3KTYozwt91D81Yub-OQ4S3:hover i {
  color: #6f8e9e;
}
._3SCgQPuxXigmV7fEOhNHCN {
  clear: both;
  left: 10px;
}


._2X4xugrTQ5e3TVxPPEHqGh {
visibility: collapse;
}

._2TJNEv970Kn5chU69vgAB4 i {
  visibility:collapse; width:0
}

[id^="UserInfoTooltip"][id$="-"] ._1sbZnfdaxhC0FVUCJ3Z75m,
._m7PpFuKATP9fZF4xKf9R {
  visibility: collapse; height:0;width:0;
}

[id^="popup-"] {
  display: none;
}
._1l9DXI5VaWcxjbz23v5b6X {
  visibility: collapse;
}

._10BQ7pjWbeYP63SAPNS8Ts:disabled,
._10BQ7pjWbeYP63SAPNS8Ts[data-disabled],
._10BQ7pjWbeYP63SAPNS8Ts[disabled] {
  background-color:#1a1a1b;
  color:#525252;
  fill:rgb(26, 26, 27);
}

._3MknXZVbkWU8JL9XGlzASi._3F2J0fSnCI3ZvF_tBSaV0s {
border: 1px solid #6f8e9e;
}

._1WO...

Reviews

No reviews yet.