Last active
July 8, 2025 06:14
-
-
Save fukionline/ebc5266698103ae28268c3672abcca49 to your computer and use it in GitHub Desktop.
Classic Reddit+++ plus Maintain old Reddit without old.reddit.com = Ancient Reddit
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ==UserScript== | |
| // @name Classic Reddit++ | |
| // @namespace https://github.com/SlippingGitty | |
| // @version 1.6.3 | |
| // @description Tools that restore and introduce new functionalities in the old.reddit interface (Views, vote tallies, etc.) | |
| // @author SlippingGitty | |
| // @match http://old.reddit.com/notifications | |
| // @match https://old.reddit.com/notifications | |
| // @match https://sh.reddit.com/notifications* | |
| // @match *://*.reddit.com/* | |
| // @icon https://files.catbox.moe/6e7371.png | |
| // @grant GM_addStyle | |
| // @grant GM_setValue | |
| // @grant GM_getValue | |
| // @grant GM_xmlhttpRequest | |
| // @grant GM_registerMenuCommand | |
| // @license WTFPL | |
| // @downloadURL https://gist.github.com/fukionline/ebc5266698103ae28268c3672abcca49/raw/e4a0bab7e6db1c50672b55995c7aa9a739cd4840/ancientreddit.js | |
| // @updateURL https://gist.github.com/fukionline/ebc5266698103ae28268c3672abcca49/raw/e4a0bab7e6db1c50672b55995c7aa9a739cd4840/ancientreddit.js | |
| // ==/UserScript== | |
| (function () { | |
| 'use strict'; | |
| function setCookie(name, value, days, domain) { | |
| let expires = ""; | |
| if (days) { | |
| const date = new Date(); | |
| date.setTime(date.getTime() + (days*24*60*60*1000)); | |
| expires = "; expires=" + date.toUTCString(); | |
| } | |
| document.cookie = name + "=" + encodeURIComponent(value) + expires + "; path=/; domain=" + domain + "; Secure; SameSite=None"; | |
| } | |
| // Check for old Reddit and set pro-Old reddit cookies if necessary | |
| const cookies = document.cookie.split("; ").reduce((acc, c) => { | |
| const [key, val] = c.split("="); | |
| acc[key] = val; | |
| return acc; | |
| }, {}); | |
| if (cookies["theme"] !== "1") { | |
| setCookie("theme", "1", 365, ".reddit.com"); | |
| } | |
| if (cookies["redesign_optout"] !== "true") { | |
| setCookie("redesign_optout", "true", 365, ".reddit.com"); | |
| } | |
| // | |
| // Insures sh.reddit is loaded for notifications, adds old.reddit frontpage button on logo | |
| // | |
| if (window.location.href.includes("old.reddit.com/notifications")) { | |
| window.location.href = window.location.href.replace("old.reddit.com/notifications", "sh.reddit.com/notifications"); | |
| } | |
| if (window.location.href.includes("sh.reddit.com/notifications")) { | |
| window.addEventListener('load', function () { | |
| const container = document.createElement('div'); | |
| container.style.display = 'flex'; | |
| container.style.alignItems = 'center'; | |
| container.style.position = 'fixed'; | |
| container.style.top = '10px'; | |
| container.style.left = '10px'; | |
| container.style.zIndex = '9999'; | |
| container.style.backgroundColor = 'rgba(255, 255, 255, 0.9)'; | |
| container.style.padding = '5px 10px'; | |
| container.style.borderRadius = '4px'; | |
| container.style.boxShadow = '0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24)'; | |
| const logo = document.createElement('div'); | |
| logo.innerHTML = ` | |
| <svg width="24" height="24" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> | |
| <g> | |
| <circle fill="#FF4500" cx="10" cy="10" r="10"/> | |
| <path fill="#FFF" d="M16.67,10A1.46,1.46,0,0,0,14.2,9a7.12,7.12,0,0,0-3.85-1.23L11,4.65,13.14,5.1a1,1,0,1,0,.13-0.61L10.82,4a0.31,0.31,0,0,0-.37.24L9.71,7.71a7.14,7.14,0,0,0-3.9,1.23A1.46,1.46,0,1,0,4.2,11.33a2.87,2.87,0,0,0,0,.44c0,2.24,2.61,4.06,5.83,4.06s5.83-1.82,5.83-4.06a2.87,2.87,0,0,0,0-.44A1.46,1.46,0,0,0,16.67,10Zm-10,1a1,1,0,1,1,1,1A1,1,0,0,1,6.67,11Zm5.81,2.75a3.84,3.84,0,0,1-2.47.77,3.84,3.84,0,0,1-2.47-.77,0.27,0.27,0,0,1,.38-0.38A3.27,3.27,0,0,0,10,14a3.28,3.28,0,0,0,2.09-.61A0.27,0.27,0,1,1,12.48,13.79Zm-0.18-1.71a1,1,0,1,1,1-1A1,1,0,0,1,12.29,12.08Z"/> | |
| </g> | |
| </svg> | |
| `; | |
| logo.style.marginRight = '8px'; | |
| const backButton = document.createElement('a'); | |
| backButton.innerText = 'Back to Old Reddit'; | |
| backButton.href = window.location.href.replace("sh.reddit.com/notifications", "old.reddit.com"); | |
| backButton.title = 'Return to Old Reddit'; | |
| backButton.style.display = 'inline-block'; | |
| backButton.style.padding = '5px 10px'; | |
| backButton.style.borderRadius = '4px'; | |
| backButton.style.backgroundColor = '#ff4500'; | |
| backButton.style.color = 'white'; | |
| backButton.style.fontWeight = 'bold'; | |
| backButton.style.textDecoration = 'none'; | |
| backButton.style.fontSize = '12px'; | |
| backButton.onmouseover = function () { | |
| this.style.backgroundColor = '#cc3700'; | |
| }; | |
| backButton.onmouseout = function () { | |
| this.style.backgroundColor = '#ff4500'; | |
| }; | |
| container.appendChild(logo); | |
| container.appendChild(backButton); | |
| document.body.appendChild(container); | |
| document.addEventListener('keydown', function (e) { | |
| if (e.key === 'Escape') { | |
| window.location.href = backButton.href; | |
| } | |
| }); | |
| }); | |
| } | |
| // | |
| // Classic Reddit++ | |
| // | |
| ///// Trending Subs Recreation | |
| const config = { | |
| commentsRange: [20, 50], | |
| lastTrendingUpdateKey: 'lastTrendingUpdate', | |
| updateInterval: 24 * 60 * 60 * 1000, | |
| subredditsPool: [ | |
| "/r/AskReddit", "/r/funny", "/r/pics", "/r/gaming", "/r/science", "/r/worldnews", | |
| "/r/movies", "/r/videos", "/r/aww", "/r/Music", "/r/todayilearned", "/r/memes", | |
| "/r/sports", "/r/technology", "/r/news", "/r/anime", "/r/travel", "/r/food", | |
| "/r/space", "/r/interestingasfuck", "/r/worldpolitics", "/r/nfl", "/r/art", | |
| "/r/hobbies", "/r/personalfinance", "/r/books", "/r/history", "/r/photography", | |
| "/r/gadgets", "/r/television", "/r/wtf", "/r/awfuleverything", "/r/facepalm", | |
| "/r/mildlyinteresting", "/r/unexpected", "/r/dankmemes", "/r/publicfreakout", | |
| "/r/natureismetal", "/r/rarepuppers", "/r/oldschoolcool", "/r/blessedimages", | |
| "/r/madlads", "/r/animalsbeingjerks", "/r/whatcouldgowrong", "/r/instantkarma", | |
| "/r/therewasanattempt", "/r/wholesomememes", "/r/trashy", "/r/cringetopia", | |
| "/r/insaneparents", "/r/quityourbullshit", "/r/choosingbeggars", "/r/entitledparents", | |
| "/r/amitheasshole", "/r/relationship_advice", "/r/legaladvice", "/r/tifu", | |
| "/r/raisedbynarcissists", "/r/offmychest", "/r/venting", "/r/selfimprovement", | |
| "/r/getmotivated", "/r/loseit", "/r/stopdrinking", "/r/leaves", "/r/meditation", | |
| "/r/skincareaddiction", "/r/makeupaddiction", "/r/haircareScience", "/r/malefashionadvice", | |
| "/r/femalefashionadvice", "/r/streetwear", "/r/sneakers", "/r/watches", "/r/cars", | |
| "/r/buildapc", "/r/pcmasterrace", "/r/android", "/r/apple", "/r/programming", | |
| "/r/webdev", "/r/javascript", "/r/python", "/r/gamingnews", "/r/indiegaming", | |
| "/r/boardgames", "/r/tabletopgames", "/r/rpg", "/r/dndnext", "/r/pathfinder_rpg", | |
| "/r/magicTCG", "/r/yugioh", "/r/pokemontcg", "/r/hearthstone", "/r/gwent", | |
| "/r/competitivegaming", "/r/esports", "/r/gamernews", "/r/anime", "/r/manga", "/r/cosplay", | |
| "/r/kpop", "/r/jpop", "/r/cpop", "/r/popheads", "/r/indiepop", "/r/hiphopheads", | |
| "/r/rnb", "/r/electronicmusic", "/r/edm", "/r/techno", "/r/housemusic", "/r/trance", | |
| "/r/dubstep", "/r/jazz", "/r/classicalmusic", "/r/blues", "/r/folk", "/r/countrymusic", | |
| "/r/rock", "/r/metal", "/r/punk", "/r/alternativemusic", "/r/indierock", | |
| "/r/musicals", "/r/soundtracks", "/r/listentothis", "/r/newmusic", "/r/food", "/r/foodporn", | |
| "/r/recipes", "/r/baking", "/r/cooking", "/r/cocktails", "/r/coffee", "/r/tea", | |
| "/r/vegan", "/r/vegetarian", "/r/ketorecipes", "/r/paleo", "/r/glutenfree", | |
| "/r/healthyeating", "/r/nutrition", "/r/fitness", "/r/loseit", "/r/weightlifting", | |
| "/r/running", "/r/yoga", "/r/meditation", "/r/mindfulness", "/r/journaling", | |
| "/r/productivity", "/r/getdisciplined", "/r/selfimprovement", "/r/skincareaddiction", | |
| "/r/makeupaddiction", "/r/haircareScience", "/r/malefashionadvice", | |
| "/r/femalefashionadvice", "/r/streetwear", "/r/sneakers", "/r/watches", "/r/cars", | |
| "/r/motorcycles", "/r/aviation", "/r/space", "/r/astronomy", "/r/physics", | |
| "/r/chemistry", "/r/biology", "/r/medicine", "/r/science", "/r/technology", | |
| "/r/futurology", "/r/singularity", "/r/longevity", "/r/energy", "/r/renewableenergy", | |
| "/r/environment", "/r/climatechange", "/r/nature", "/r/earthporn", "/r/wildlifephotography", | |
| "/r/aww", "/r/animalsbeingbros", "/r/rarepuppers", "/r/corgi", "/r/goldenretrievers", | |
| "/r/cats", "/r/funnyanimals", "/r/mademesmile", "/r/wholesomememes", "/r/humansbeingbros", | |
| "/r/oldschoolcool", "/r/thewaywewere", "/r/nostalgia", "/r/retrophotos", "/r/vintagestyle", | |
| "/r/oldschoolriders", "/r/classiccars", "/r/classicfilms", "/r/classicrock", | |
| "/r/oldmovies", "/r/90s", "/r/80s", "/r/70s", "/r/60s", "/r/50s", "/r/40s", "/r/30s", | |
| "/r/20s", "/r/10s", "/r/00s", "/r/y2k", "/r/millennials", "/r/genz", "/r/genx", | |
| "/r/babyboomers", "/r/thegreatgeneration", "/r/silentgeneration", "/r/lostgeneration", | |
| ], | |
| enableTagline: 'enableTagline', | |
| enableRenameHome: 'enableRenameHome', | |
| enableFavicon: 'enableFavicon', | |
| enableTrending: 'enableTrending', | |
| viewCounterEnabled: 'viewCounterEnabled', | |
| voteEstimatorEnabled: 'voteEstimatorEnabled', | |
| hideMultibar: 'hideMultibar', | |
| hideBell: 'hideBell', | |
| hideChat: 'hideChat', | |
| addUserPrefix: 'addUserPrefix', | |
| hideArchivedArrows: 'hideArchivedArrows', | |
| oldCommentFont: 'oldCommentFont', | |
| fullUserScores: 'fullUserScores', | |
| oldRedditIcons: 'oldRedditIcons', | |
| expandoButtons: 'expandoButtons', | |
| classicRESNight: 'classicRESNight', | |
| enableSubmitUnderlay: 'enableSubmitUnderlay', | |
| classicResBorderHighlight: 'classicResBorderHighlight', | |
| classicFlair: 'classicFlair' | |
| }; | |
| const defaultSettings = { | |
| [config.enableTagline]: false, | |
| [config.enableRenameHome]: true, | |
| [config.enableFavicon]: true, | |
| [config.enableTrending]: true, | |
| [config.viewCounterEnabled]: true, | |
| [config.voteEstimatorEnabled]: true, | |
| [config.hideMultibar]: false, | |
| [config.hideBell]: true, | |
| [config.hideChat]: true, | |
| [config.addUserPrefix]: false, | |
| [config.hideArchivedArrows]: false, | |
| [config.oldCommentFont]: false, | |
| [config.fullUserScores]: true, | |
| [config.oldRedditIcons]: true, | |
| [config.expandoButtons]: false, | |
| [config.classicRESNight]: false, | |
| [config.enableSubmitUnderlay]: false, | |
| [config.classicResBorderHighlight]: true, | |
| [config.classicFlair]: false | |
| }; | |
| for (const key in defaultSettings) { | |
| if (GM_getValue(key) === undefined) { | |
| GM_setValue(key, defaultSettings[key]); | |
| } | |
| } | |
| // STATIC CSS (ALWAYS LOADS REGARDLESS OF TOGGLES) | |
| GM_addStyle(` | |
| /* Makes the post info it's classic grey */ | |
| .linkinfo { | |
| border: 1px solid rgba(12, 10, 10, 0.41); | |
| background-color: rgba(134, 130, 130, 0.24); | |
| } | |
| /* Refered to as "RES" because I originally wanted to see if I could put the toggles in RES Settings */ | |
| #res-dashboard-container { | |
| display: none; | |
| position: fixed; | |
| top: 60px; | |
| right: 20px; | |
| width: 600px; | |
| max-height: 500px; | |
| background-color: #ffffff; | |
| border: 1px solid #5f99cf; /* Classic Reddit blue border */ | |
| border-radius: 3px; | |
| z-index: 1001; | |
| box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); | |
| font-family: verdana, arial, helvetica, sans-serif; /* Classic Reddit font stack */ | |
| font-size: 12px; | |
| opacity: 1; | |
| margin: 0; | |
| padding: 0; | |
| overflow-y: auto; | |
| } | |
| /* Indents Trending Tab */ | |
| div.entry:nth-child(1) { | |
| margin-left: 75px; | |
| } | |
| /* Night mode styling */ | |
| .res-nightmode #res-dashboard-container { | |
| background-color: #262626; /* Classic RES night mode color */ | |
| border-color: #4d4d4d; | |
| color: #ddd; | |
| } | |
| #res-dashboard-header { | |
| background-color: #cee3f8; /* Classic Reddit header blue */ | |
| padding: 5px 8px; | |
| border-bottom: 1px solid #5f99cf; | |
| display: flex; | |
| justify-content: space-between; | |
| align-items: center; | |
| height: 18px; /* Fixed height like old Reddit */ | |
| } | |
| /* Night mode header */ | |
| .res-nightmode #res-dashboard-header { | |
| background-color: #2a2a2a; | |
| border-bottom-color: #4d4d4d; | |
| } | |
| #res-dashboard-title { | |
| font-size: 13px; | |
| font-weight: bold; | |
| color: #336699; /* Classic Reddit blue */ | |
| margin: 0; | |
| text-transform: none; | |
| line-height: 18px; | |
| } | |
| /* Night mode title */ | |
| .res-nightmode #res-dashboard-title { | |
| color: #8cb3d9; /* Lighter blue for night mode */ | |
| } | |
| #res-dashboard-close { | |
| cursor: pointer; | |
| font-size: 12px; | |
| color: #369; | |
| font-weight: bold; | |
| margin-right: 5px; | |
| } | |
| #res-dashboard-close:hover { | |
| color: #ff4500; /* Classic Reddit orangered */ | |
| text-decoration: underline; /* Old Reddit often used underlines on hover */ | |
| } | |
| /* Night mode close button */ | |
| .res-nightmode #res-dashboard-close { | |
| color: #8cb3d9; | |
| } | |
| .res-nightmode #res-dashboard-close:hover { | |
| color: #ff7247; /* Lighter orangered for night mode */ | |
| } | |
| #res-dashboard-content { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); | |
| gap: 7px; | |
| padding: 8px; | |
| background-color: #f6f7f8; /* Very light gray like classic Reddit content areas */ | |
| overflow: visible; | |
| } | |
| /* Night mode content area */ | |
| .res-nightmode #res-dashboard-content { | |
| background-color: #262626; | |
| overflow: visible; | |
| } | |
| .res-setting-section { | |
| background-color: #ffffff; | |
| border: 1px solid #c3c3c3; /* Classic light gray border */ | |
| border-radius: 0px; /* Old Reddit had square corners */ | |
| padding: 8px; | |
| margin: 0; | |
| position: relative; | |
| } | |
| /* Night mode setting sections */ | |
| .res-nightmode .res-setting-section { | |
| background-color: #1a1a1a; | |
| border-color: #4d4d4d; | |
| } | |
| .res-setting-section:hover { | |
| border-color: #a5a5a5; /* Subtle hover effect common in old interfaces */ | |
| } | |
| /* Night mode hover effect */ | |
| .res-nightmode .res-setting-section:hover { | |
| border-color: #666; | |
| } | |
| .res-setting-section h3 { | |
| font-size: 12px; | |
| margin: 0 0 5px 0; | |
| padding: 0; | |
| color: #222222; /* Dark gray, almost black */ | |
| font-weight: bold; | |
| } | |
| /* Night mode headings */ | |
| .res-nightmode .res-setting-section h3 { | |
| color: #ddd; | |
| } | |
| /* Native tooltip styling */ | |
| .res-setting-section label { | |
| font-size: 11px; | |
| color: #222; | |
| cursor: pointer; | |
| } | |
| .res-setting-section label[title] { | |
| text-decoration: underline dotted #777; /* Indicate tooltip on hover */ | |
| } | |
| /* Night mode labels */ | |
| .res-nightmode .res-setting-section label { | |
| color: #ddd; | |
| } | |
| .res-nightmode .res-setting-section label[title] { | |
| text-decoration: underline dotted #aaa; /* Indicate tooltip on hover for night mode */ | |
| } | |
| /* Classic toggle switch styling */ | |
| .res-toggle-container { | |
| position: relative; | |
| display: flex; | |
| align-items: center; | |
| gap: 6px; | |
| margin-top: 5px; | |
| } | |
| .res-toggle-switch { | |
| position: relative; | |
| display: inline-block; | |
| width: 32px; | |
| height: 14px; | |
| } | |
| .res-toggle-switch input { | |
| opacity: 0; | |
| width: 0; | |
| height: 0; | |
| } | |
| .res-slider { | |
| position: absolute; | |
| cursor: pointer; | |
| top: 0; | |
| left: 0; | |
| right: 0; | |
| bottom: 0; | |
| background-color: #c3c3c3; | |
| transition: .2s; | |
| border-radius: 7px; | |
| } | |
| /* Night mode slider */ | |
| .res-nightmode .res-slider { | |
| background-color: #444; | |
| } | |
| .res-slider:before { | |
| position: absolute; | |
| content: ""; | |
| height: 10px; | |
| width: 10px; | |
| left: 2px; | |
| bottom: 2px; | |
| background-color: white; | |
| transition: .2s; | |
| border-radius: 50%; | |
| } | |
| input:checked + .res-slider { | |
| background-color: #5f99cf; /* Classic Reddit blue */ | |
| } | |
| input:focus + .res-slider { | |
| box-shadow: 0 0 1px #5f99cf; | |
| } | |
| input:checked + .res-slider:before { | |
| transform: translateX(18px); | |
| } | |
| /* Night mode checked slider */ | |
| .res-nightmode input:checked + .res-slider { | |
| background-color: #4c7eac; /* Darker blue for night mode */ | |
| } | |
| /* Classic Reddit button with gradient */ | |
| #res-settings-toggle { | |
| position: fixed; | |
| top: 45px; | |
| right: 20px; | |
| opacity: 0; | |
| z-index: 1000; | |
| background: linear-gradient(to bottom, #75abff 0%, #5f99cf 100%); /* Classic button gradient */ | |
| border: 1px solid #369; | |
| color: #fff; | |
| padding: 4px 8px; | |
| border-radius: 3px; | |
| cursor: pointer; | |
| font-size: 11px; | |
| font-weight: bold; | |
| text-transform: capitalize; | |
| } | |
| #res-settings-toggle:hover { | |
| background: linear-gradient(to bottom, #5f99cf 0%, #3a80c1 100%); | |
| opacity: 1; | |
| transition: .1s; | |
| } | |
| /* Night mode toggle button */ | |
| .res-nightmode #res-settings-toggle { | |
| background: linear-gradient(to bottom, #4c7eac 0%, #36648b 100%); /* Darker gradient for night mode */ | |
| border-color: #2c5574; | |
| } | |
| .res-nightmode #res-settings-toggle:hover { | |
| background: linear-gradient(to bottom, #36648b 0%, #2c5574 100%); | |
| } | |
| #res-dashboard-logo { | |
| max-height: 14px; | |
| margin-right: 6px; | |
| } | |
| /* Additional elements to match old Reddit style */ | |
| /* Old Reddit-style scrollbars */ | |
| #res-dashboard-container::-webkit-scrollbar { | |
| width: 12px; | |
| background-color: #f5f5f5; | |
| } | |
| #res-dashboard-container::-webkit-scrollbar-thumb { | |
| background-color: #c3c3c3; | |
| border: 2px solid #f5f5f5; | |
| } | |
| #res-dashboard-container::-webkit-scrollbar-track { | |
| background-color: #f5f5f5; | |
| } | |
| /* Night mode scrollbars */ | |
| .res-nightmode #res-dashboard-container::-webkit-scrollbar { | |
| background-color: #1a1a1a; | |
| } | |
| .res-nightmode #res-dashboard-container::-webkit-scrollbar-thumb { | |
| background-color: #444; | |
| border: 2px solid #1a1a1a; | |
| } | |
| .res-nightmode #res-dashboard-container::-webkit-scrollbar-track { | |
| background-color: #1a1a1a; | |
| } | |
| /* Classic Reddit table styles for structured content if needed */ | |
| .res-table { | |
| border-collapse: collapse; | |
| width: 100%; | |
| margin: 5px 0; | |
| font-size: 11px; | |
| } | |
| .res-table th { | |
| background-color: #efefef; | |
| border: 1px solid #c3c3c3; | |
| padding: 3px 5px; | |
| text-align: left; | |
| font-weight: bold; | |
| } | |
| .res-table td { | |
| border: 1px solid #c3c3c3; | |
| padding: 3px 5px; | |
| } | |
| .res-nightmode .res-table th { | |
| background-color: #2a2a2a; | |
| border-color: #4d4d4d; | |
| } | |
| .res-nightmode .res-table td { | |
| border-color: #4d4d4d; | |
| } | |
| `); | |
| let dashboardContainer = document.createElement('div'); | |
| dashboardContainer.id = 'res-dashboard-container'; | |
| let dashboardHeader = document.createElement('div'); | |
| dashboardHeader.id = 'res-dashboard-header'; | |
| let dashboardTitle = document.createElement('h2'); | |
| dashboardTitle.id = 'res-dashboard-title'; | |
| dashboardTitle.textContent = 'Classic Reddit++ Settings'; | |
| let logoImg = document.createElement('img'); | |
| logoImg.id = 'res-dashboard-logo'; | |
| logoImg.src = 'https://files.catbox.moe/6e7371.png'; | |
| logoImg.alt = 'Classic Reddit++ Logo'; | |
| dashboardHeader.appendChild(logoImg); | |
| dashboardHeader.appendChild(dashboardTitle); | |
| let closeButton = document.createElement('span'); | |
| closeButton.id = 'res-dashboard-close'; | |
| closeButton.textContent = 'x'; | |
| closeButton.addEventListener('click', () => { | |
| dashboardContainer.style.display = 'none'; | |
| }); | |
| dashboardHeader.appendChild(closeButton); | |
| dashboardContainer.appendChild(dashboardHeader); | |
| let dashboardContent = document.createElement('div'); | |
| dashboardContent.id = 'res-dashboard-content'; | |
| dashboardContainer.appendChild(dashboardContent); | |
| document.body.appendChild(dashboardContainer); | |
| function createSettingElement(settingKey, description, updateFunction) { | |
| let section = document.createElement('div'); | |
| section.classList.add('res-setting-section'); | |
| let title = document.createElement('h3'); | |
| title.textContent = { | |
| enableTagline: "Modify Title Tag", | |
| enableRenameHome: "Rename Home Shortcut", | |
| enableFavicon: "Restore Classic Favicon", | |
| enableTrending: "Simulate Trending Subreddits", | |
| viewCounterEnabled: "Display Post View Counts", | |
| voteEstimatorEnabled: "Estimate Post Votes", | |
| hideMultibar: "Hide Subreddit Multibar", | |
| hideBell: "Hide Notification Bell", | |
| hideChat: "Hide Reddit Chat", | |
| addUserPrefix: "Add Username Prefix", | |
| hideArchivedArrows: "Hide Archived Post Arrows", | |
| oldCommentFont: "Use Old Comment Font", | |
| fullUserScores: "Show Full User Scores", | |
| oldRedditIcons: "Restore Old Reddit Icons", | |
| expandoButtons: "Use Old Expando Buttons", | |
| classicRESNight: "Use Classic RES Night Mode", | |
| enableSubmitUnderlay: "Restore Submit Link Tagline", | |
| classicResBorderHighlight: "Enable Classic RES Border Highlight", | |
| classicFlair: "Remove Flair Colors" | |
| }[settingKey] || settingKey; | |
| section.appendChild(title); | |
| let desc = document.createElement('p'); | |
| desc.textContent = description; | |
| section.appendChild(desc); | |
| let toggleContainer = document.createElement('div'); | |
| toggleContainer.classList.add('res-toggle-container'); | |
| let toggleLabel = document.createElement('label'); | |
| toggleLabel.classList.add('res-toggle-switch'); | |
| let toggleInput = document.createElement('input'); | |
| toggleInput.type = 'checkbox'; | |
| toggleInput.checked = GM_getValue(settingKey, defaultSettings[settingKey]); | |
| toggleInput.addEventListener('change', function () { | |
| GM_setValue(settingKey, this.checked); | |
| if (updateFunction) updateFunction(this.checked); | |
| }); | |
| let toggleSlider = document.createElement('span'); | |
| toggleSlider.classList.add('res-slider'); | |
| toggleLabel.appendChild(toggleInput); | |
| toggleLabel.appendChild(toggleSlider); | |
| toggleContainer.appendChild(toggleLabel); | |
| section.appendChild(toggleContainer); | |
| return section; | |
| } | |
| // Populate the dashboard | |
| const settingsArray = [ | |
| { key: config.enableTagline, description: "Modifies the title tag to say 'reddit: the front page of the internet'", func: setTagline }, | |
| { key: config.enableRenameHome, description: "Renames the 'home' shortcut to 'FRONT'. Please Disable subredditManager in RES for time being.", func: renameHomeButton }, | |
| { key: config.enableFavicon, description: "Brings back the classic Favicon.", func: changeFavicon }, | |
| { key: config.enableTrending, description: "Simulates a collection of 'trending' subreddits to the top of your front page.", func: addTrendingSubreddits }, | |
| { key: config.viewCounterEnabled, description: "Displays view counts on posts.", func: initializeViewCounter }, | |
| { key: config.voteEstimatorEnabled, description: "Estimates upvotes and downvotes on posts, and adds a counter to every post.", func: initializeVoteEstimator }, | |
| { key: config.hideMultibar, description: "Hide the subreddit multibar.", func: toggleHideMultibar }, | |
| { key: config.hideBell, description: "Hide the notification bell.", func: toggleHideBell }, | |
| { key: config.hideChat, description: "Hide Reddit chat.", func: toggleHideChat }, | |
| { key: config.addUserPrefix, description: "Add /u/ before usernames.", func: toggleAddUserPrefix }, | |
| { key: config.hideArchivedArrows, description: "Hide arrows on archived posts.", func: toggleHideArchivedArrows }, | |
| { key: config.oldCommentFont, description: "Use old comment font sizes.", func: toggleOldCommentFont }, | |
| { key: config.fullUserScores, description: "Show full scores on posts.", func: toggleFullUserScores }, | |
| { key: config.oldRedditIcons, description: "Use old Reddit icons.", func: toggleOldRedditIcons }, | |
| { key: config.expandoButtons, description: "Use old expando buttons.", func: toggleExpandoButtons }, | |
| { key: config.classicRESNight, description: "Use Classic RES Night Mode.", func: toggleClassicRESNight }, | |
| { key: config.enableSubmitUnderlay, description: "Restore tagline under Submit Link", func: toggleSubmitUnderlay }, | |
| { key: config.classicResBorderHighlight, description: "Enable Classic RES Border Highlight", func: toggleClassicResBorderHighlight }, | |
| { key: config.classicFlair, description: "Removes colors from flairs on posts. RES support limited.", func: classicFlair } | |
| ]; | |
| settingsArray.forEach(setting => { | |
| dashboardContent.appendChild(createSettingElement(setting.key, setting.description, setting.func)); | |
| }); | |
| let toggleButton = document.createElement('button'); | |
| toggleButton.id = 'res-settings-toggle'; | |
| toggleButton.textContent = 'CR++'; | |
| toggleButton.addEventListener('click', () => { | |
| dashboardContainer.style.display = dashboardContainer.style.display === 'block' ? 'none' : 'block'; | |
| }); | |
| document.body.appendChild(toggleButton); | |
| const refreshButton = document.createElement('button'); | |
| refreshButton.textContent = "Refresh Trending"; | |
| refreshButton.style.fontSize = "10px"; | |
| refreshButton.style.marginTop = "5px"; | |
| refreshButton.addEventListener('click', forceUpdateTrending); | |
| dashboardHeader.appendChild(refreshButton); | |
| function setTagline(enabled) { | |
| if (enabled) { | |
| document.title = "reddit: the front page of the internet"; | |
| } else { | |
| const defaultTitle = document.title.split(":")[0]; | |
| document.title = defaultTitle; | |
| } | |
| } | |
| function renameHomeButton(enabled) { | |
| const homeLink = document.querySelector('ul.flat-list:nth-child(1) > li:nth-child(1) > a:nth-child(1)'); | |
| if (homeLink) { | |
| homeLink.textContent = enabled ? 'front' : 'home'; | |
| homeLink.title = enabled ? 'Go to front page' : 'go to your personal reddit frontpage'; | |
| } | |
| } | |
| function changeFavicon(enabled) { | |
| let icon = [...document.querySelectorAll('link[rel~="icon"]')]; | |
| icon.forEach(x => x.parentNode.removeChild(x)); | |
| if (enabled) { | |
| let newfav = `https://b.thumbs.redditmedia.com/JeP1WF0kEiiH1gT8vOr_7kFAwIlHzRBHjLDZIkQP61Q.jpg`; | |
| let link = document.createElement('link'); | |
| link.rel = 'icon'; | |
| link.href = newfav; | |
| document.head.appendChild(link); | |
| } else { | |
| var link = document.createElement('link'); | |
| link.rel = 'icon'; | |
| link.href = '//www.redditstatic.com/favicon.ico'; | |
| document.head.appendChild(link); | |
| } | |
| } | |
| function getRandomSubreddits() { | |
| const now = Date.now(); | |
| const lastUpdate = GM_getValue(config.lastTrendingUpdateKey, 0); | |
| const storedSubreddits = GM_getValue('trendingSubreddits', null); | |
| if (now - lastUpdate > config.updateInterval || !storedSubreddits) { | |
| const shuffled = [...config.subredditsPool].sort(() => 0.5 - Math.random()); | |
| const selected = shuffled.slice(0, 5); | |
| const commentCount = Math.floor( | |
| Math.random() * (config.commentsRange[1] - config.commentsRange[0] + 1) + | |
| config.commentsRange[0] | |
| ); | |
| const trendingData = { | |
| subreddits: selected, | |
| commentCount: commentCount + " comments" | |
| }; | |
| GM_setValue('trendingSubreddits', JSON.stringify(trendingData)); | |
| GM_setValue(config.lastTrendingUpdateKey, now); | |
| return trendingData; | |
| } | |
| return JSON.parse(storedSubreddits); | |
| } | |
| function createTrendingSubredditsElement(trendingData) { | |
| const container = document.createElement('div'); | |
| container.className = 'thing'; | |
| container.style.margin = '0'; | |
| container.style.padding = '0'; | |
| container.style.marginBottom = '7px'; | |
| const content = document.createElement('div'); | |
| content.className = 'entry unvoted'; | |
| const lineContainer = document.createElement('div'); | |
| lineContainer.style.display = 'flex'; | |
| lineContainer.style.flexWrap = 'wrap'; | |
| lineContainer.style.alignItems = 'center'; | |
| lineContainer.style.gap = '5px'; | |
| const trendingIcon = document.createElement('span'); | |
| trendingIcon.style.backgroundImage = "url(https://files.catbox.moe/x3onol.png)"; | |
| trendingIcon.style.backgroundPosition = "-50px -886px"; | |
| trendingIcon.style.height = '14px'; | |
| trendingIcon.style.width = '14px'; | |
| trendingIcon.style.display = 'inline-block'; | |
| lineContainer.appendChild(trendingIcon); | |
| const headerText = document.createElement('strong'); | |
| headerText.textContent = 'trending subreddits'; | |
| headerText.style.color = '#222'; | |
| headerText.style.marginRight = '10px'; | |
| lineContainer.appendChild(headerText); | |
| trendingData.subreddits.forEach((subreddit) => { | |
| const link = document.createElement('a'); | |
| link.href = subreddit; | |
| link.textContent = subreddit; | |
| link.style.textDecoration = 'none'; | |
| link.style.color = '#0079d3'; | |
| lineContainer.appendChild(link); | |
| }); | |
| const commentsLink = document.createElement('a'); | |
| commentsLink.href = '/r/trendingsubreddits'; | |
| commentsLink.innerHTML = `<b>${trendingData.commentCount}</b>`; | |
| commentsLink.style.color = '#888'; | |
| commentsLink.style.textDecoration = 'none'; | |
| commentsLink.style.fontSize = '11px'; | |
| commentsLink.style.marginLeft = '10px'; | |
| lineContainer.appendChild(commentsLink); | |
| content.appendChild(lineContainer); | |
| container.appendChild(content); | |
| if (document.body.classList.contains('res-nightmode')) { | |
| headerText.style.color = '#A9A9A9'; | |
| const links = lineContainer.querySelectorAll('a'); | |
| links.forEach(link => { | |
| link.style.color = '#89b8e5'; | |
| }); | |
| commentsLink.style.color = '#b0b0b0'; | |
| } | |
| return container; | |
| } | |
| function addTrendingSubreddits(enabled) { | |
| const isFrontPage = window.location.pathname === '/' || window.location.pathname === '/index.html'; | |
| if (enabled && isFrontPage && (window.location.hostname === 'old.reddit.com' || window.location.hostname === 'www.reddit.com')) { | |
| const siteTable = document.getElementById('siteTable'); | |
| if (!siteTable) { | |
| return; | |
| } | |
| const trendingData = getRandomSubreddits(); | |
| const trendingElement = createTrendingSubredditsElement(trendingData); | |
| if (siteTable.firstChild) { | |
| siteTable.insertBefore(trendingElement, siteTable.firstChild); | |
| } else { | |
| siteTable.appendChild(trendingElement); | |
| } | |
| } else { | |
| const trendingElement = document.querySelector('.thing'); | |
| if (trendingElement) { | |
| trendingElement.remove(); | |
| } | |
| } | |
| } | |
| function forceUpdateTrending() { | |
| GM_setValue(config.lastTrendingUpdateKey, 0); | |
| location.reload(); | |
| } | |
| function addDebugControls() { | |
| const debugBtn = document.createElement('button'); | |
| debugBtn.textContent = "Update Trending Subreddits"; | |
| debugBtn.style.position = 'fixed'; | |
| debugBtn.style.top = '5px'; | |
| debugBtn.style.right = '5px'; | |
| debugBtn.style.zIndex = '9999'; | |
| debugBtn.style.fontSize = '10px'; | |
| debugBtn.style.opacity = '0.7'; | |
| debugBtn.onclick = forceUpdateTrending; | |
| document.body.appendChild(debugBtn); | |
| } | |
| function addCommas(number) { | |
| return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); | |
| } | |
| function httpGet(url) { | |
| return new Promise((resolve, reject) => { | |
| GM_xmlhttpRequest({ | |
| method: "GET", | |
| url: url, | |
| onload: function (response) { | |
| if (response.status >= 200 && response.status < 300) { | |
| resolve(response.responseText); | |
| } else { | |
| reject(new Error(`HTTP error! status: ${response.status}`)); | |
| } | |
| }, onerror: function () { | |
| reject(new Error("Network error occurred")); | |
| }, | |
| }); | |
| }); | |
| } | |
| function getPostId(element) { | |
| if (element) { | |
| if (element.dataset.fullname) { | |
| return element.dataset.fullname.replace('t3_', ''); | |
| } | |
| const idClass = Array.from(element.classList).find(c => c.startsWith('id-t3_')); | |
| if (idClass) { | |
| return idClass.replace('id-t3_', ''); | |
| } | |
| const thingId = element.getAttribute('data-fullname'); | |
| if (thingId && thingId.startsWith('t3_')) { | |
| return thingId.replace('t3_', ''); | |
| } | |
| const permalink = element.querySelector('a.permalink'); | |
| if (permalink && permalink.href) { | |
| const permalinkMatch = permalink.href.match(/\/comments\/([a-z0-9]+)\//i); | |
| if (permalinkMatch) { | |
| return permalinkMatch[1]; | |
| } | |
| } | |
| } | |
| const urlMatch = window.location.pathname.match(/\/comments\/([a-z0-9]+)\//i); | |
| return urlMatch ? urlMatch[1] : null; | |
| } | |
| // | |
| // Makes sure the Trending subreddits and Classic tagline only works | |
| // on the front page | |
| // | |
| if ((window.location.hostname === 'old.reddit.com' || window.location.hostname === 'www.reddit.com') && | |
| (window.location.pathname === '/' || window.location.pathname === '/index.html')) { | |
| setTagline(GM_getValue(config.enableTagline)); | |
| renameHomeButton(GM_getValue(config.enableRenameHome)); | |
| changeFavicon(GM_getValue(config.enableFavicon)); | |
| window.addEventListener('load', () => { | |
| addTrendingSubreddits(GM_getValue(config.enableTrending)); | |
| }); | |
| } | |
| // | |
| // View Counter Logic | |
| // | |
| function initializeViewCounter() { | |
| if (!GM_getValue(config.viewCounterEnabled)) return; | |
| const DEBUG = false; | |
| function debugLog(...args) { | |
| if (DEBUG) { | |
| console.log('[View Counter]', ...args); | |
| } | |
| } | |
| const viewCountCache = {}; | |
| function formatNumber(num) { | |
| if (num === null || num === undefined || num === 0) return '? views'; | |
| if (num >= 1000000) { | |
| return (num / 1000000).toFixed(1) + 'M views'; | |
| } else if (num >= 1000) { | |
| return (num / 1000).toFixed(1) + 'K views'; | |
| } else { | |
| return num + ' views'; | |
| } | |
| } | |
| function fetchPostData(postId, targetElements) { | |
| if (viewCountCache[postId]) { | |
| targetElements.forEach(el => { | |
| insertViewCount(el, viewCountCache[postId]); | |
| }); | |
| return; | |
| } | |
| const jsonUrl = `https://www.reddit.com/by_id/t3_${postId}.json`; | |
| debugLog('Fetching data for post', postId, 'from', jsonUrl); | |
| GM_xmlhttpRequest({ | |
| method: 'GET', | |
| url: jsonUrl, | |
| headers: { | |
| 'User-Agent': 'Mozilla/5.0', | |
| 'Accept': 'application/json' | |
| }, | |
| onload: function (response) { | |
| try { | |
| const data = JSON.parse(response.responseText); | |
| debugLog('Received data for post', postId, data); | |
| const postData = data.data.children[0].data; | |
| let viewCount = null; | |
| if (postData.view_count !== undefined) { | |
| viewCount = postData.view_count; | |
| } else if (postData.viewed !== undefined) { | |
| viewCount = postData.viewed; | |
| } else if (postData.num_views !== undefined) { | |
| viewCount = postData.num_views; | |
| } else if (postData.viewCount !== undefined) { | |
| viewCount = postData.viewCount; | |
| } else { | |
| const score = postData.score || 0; | |
| const ratio = postData.upvote_ratio || 0.5; | |
| const estimatedUpvotes = Math.round(score / (2 * ratio - 1)); | |
| viewCount = estimatedUpvotes * 25; | |
| debugLog('Estimated view count:', viewCount, 'based on score:', score, 'and ratio:', ratio); | |
| } | |
| debugLog('View count for post', postId, ':', viewCount); | |
| if (!viewCount || viewCount === 0) { | |
| fetchNewRedditViewCount(postId, targetElements); | |
| return; | |
| } | |
| viewCountCache[postId] = viewCount; | |
| targetElements.forEach(el => { | |
| insertViewCount(el, formatNumber(viewCount)); | |
| }); | |
| } catch (error) { | |
| console.error('Old Reddit View Counter error:', error); | |
| fetchNewRedditViewCount(postId, targetElements); | |
| } | |
| }, | |
| onerror: function (error) { | |
| console.error('Failed to fetch post data:', error); | |
| fetchNewRedditViewCount(postId, targetElements); | |
| } | |
| }); | |
| } | |
| function fetchNewRedditViewCount(postId, targetElements) { | |
| const newRedditUrl = `https://www.reddit.com/comments/${postId}/.json`; | |
| debugLog('Trying new Reddit API for post', postId); | |
| GM_xmlhttpRequest({ | |
| method: 'GET', | |
| url: newRedditUrl, | |
| headers: { | |
| 'User-Agent': 'Mozilla/5.0', | |
| 'Accept': 'application/json' | |
| }, | |
| onload: function (response) { | |
| try { | |
| const data = JSON.parse(response.responseText); | |
| const postData = data[0].data.children[0].data; | |
| let viewCount = null; | |
| if (postData.view_count !== undefined && postData.view_count !== null) { | |
| viewCount = postData.view_count; | |
| } else if (postData.viewCount !== undefined && postData.viewCount !== null) { | |
| viewCount = postData.viewCount; | |
| } else if (postData.num_views !== undefined && postData.num_views !== null) { | |
| viewCount = postData.num_views; | |
| } else { | |
| const totalVotes = postData.ups + postData.downs; | |
| viewCount = totalVotes * 25; | |
| debugLog('Estimated view count from votes:', viewCount); | |
| } | |
| debugLog('New Reddit view count for post', postId, ':', viewCount); | |
| if (viewCount) { | |
| viewCountCache[postId] = viewCount; | |
| targetElements.forEach(el => { | |
| insertViewCount(el, formatNumber(viewCount)); | |
| }); | |
| } else { | |
| targetElements.forEach(el => { | |
| insertViewCount(el, '? views'); | |
| }); | |
| } | |
| } catch (error) { | |
| console.error('New Reddit View Counter error:', error); | |
| targetElements.forEach(el => { | |
| insertViewCount(el, '? views'); | |
| }); | |
| } | |
| }, | |
| onerror: function (error) { | |
| console.error('Failed to fetch from New Reddit:', error); | |
| targetElements.forEach(el => { | |
| insertViewCount(el, '? views'); | |
| }); | |
| } | |
| }); | |
| } | |
| function insertViewCount(element, formattedViews) { | |
| const tagline = element.querySelector('.tagline'); | |
| if (!tagline) return; | |
| if (tagline.querySelector('.view-count')) return; | |
| const viewElement = document.createElement('span'); | |
| viewElement.className = 'view-count'; | |
| viewElement.textContent = formattedViews; | |
| viewElement.style.marginRight = '6px'; | |
| viewElement.style.color = '#888'; | |
| viewElement.style.fontSize = '0.9em'; | |
| tagline.insertBefore(viewElement, tagline.firstChild); | |
| } | |
| function processPost(postElement) { | |
| const postId = getPostId(postElement); | |
| if (!postId) { | |
| debugLog('Could not find post ID for element', postElement); | |
| return; | |
| } | |
| debugLog('Processing post', postId); | |
| fetchPostData(postId, [postElement]); | |
| } | |
| function processAllPosts() { | |
| if (window.location.pathname.includes('/comments/')) { | |
| const postId = getPostId(); | |
| if (!postId) return; | |
| const selfPost = document.querySelector('.thing.self'); | |
| if (selfPost) { | |
| fetchPostData(postId, [selfPost]); | |
| } | |
| return; | |
| } | |
| const posts = document.querySelectorAll('.thing.link:not([data-processed-views])'); | |
| posts.forEach(post => { | |
| post.setAttribute('data-processed-views', 'true'); | |
| processPost(post); | |
| }); | |
| } | |
| function handleResExpando() { | |
| document.addEventListener('click', function (e) { | |
| setTimeout(() => { | |
| const expandedPosts = document.querySelectorAll('.res-expando-box:not([data-processed-views])'); | |
| expandedPosts.forEach(post => { | |
| post.setAttribute('data-processed-views', 'true'); | |
| const parentPost = post.closest('.thing'); | |
| if (parentPost) { | |
| processPost(parentPost); | |
| } | |
| }); | |
| }, 500); | |
| }); | |
| } | |
| function handleNeverEndingReddit() { | |
| const observer = new MutationObserver(function (mutations) { | |
| mutations.forEach(function (mutation) { | |
| if (mutation.addedNodes && mutation.addedNodes.length > 0) { | |
| processAllPosts(); | |
| } | |
| }); | |
| }); | |
| const container = document.getElementById('siteTable') || document.body; | |
| observer.observe(container, { childList: true, subtree: true }); | |
| } | |
| function initialize() { | |
| debugLog('Initializing View Counter'); | |
| processAllPosts(); | |
| handleResExpando(); | |
| handleNeverEndingReddit(); | |
| setInterval(processAllPosts, 2000); | |
| } | |
| setTimeout(initialize, 500); | |
| } | |
| // | |
| // Vote Estimator Logic | |
| // | |
| function initializeVoteEstimator() { | |
| if (!GM_getValue(config.voteEstimatorEnabled)) return; | |
| function addCommas(number) { | |
| return number.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ','); | |
| } | |
| function estimatePostScoreVotes() { | |
| document.querySelectorAll('.linkinfo .score').forEach(linkinfoScore => { | |
| const numberElement = linkinfoScore.querySelector('.number'); | |
| if (!numberElement) return; | |
| const points = parseInt(numberElement.textContent.replace(/[^0-9]/g, ''), 10); | |
| const percentageMatch = linkinfoScore.textContent.match(/([0-9]{1,3})\s?%/); | |
| const percentage = percentageMatch ? parseInt(percentageMatch[1], 10) : 0; | |
| if (points !== 50 && percentage !== 50) { | |
| const upvotes = Math.round(points * percentage / (2 * percentage - 100)); | |
| const downvotes = upvotes - points; | |
| const totalVotes = upvotes + downvotes; | |
| const css = ` | |
| .linkinfo .upvotes { font-size: 80%; color: orangered; margin-left: 5px; } | |
| .linkinfo .downvotes { font-size: 80%; color: #5f99cf; margin-left: 5px; } | |
| .linkinfo .totalvotes { font-size: 80%; margin-left: 5px; } | |
| `; | |
| const style = document.createElement('style'); | |
| style.innerHTML = css; | |
| document.head.appendChild(style); | |
| linkinfoScore.insertAdjacentHTML('afterend', ` | |
| <span class="upvotes"><span class="number">${addCommas(upvotes)}</span> <span class="word">${upvotes > 1 ? 'upvotes' : 'upvote'}</span></span> | |
| <span class="downvotes"><span class="number">${addCommas(downvotes)}</span> <span class="word">${downvotes > 1 ? 'downvotes' : 'downvote'}</span></span> | |
| <span class="totalvotes"><span class="number">${addCommas(totalVotes)}</span> <span class="word">${totalVotes > 1 ? 'votes' : 'vote'}</span></span> | |
| `); | |
| } | |
| }); | |
| } | |
| async function addUpvoteDownvoteInfo() { | |
| const linkListing = document.querySelector(".linklisting") || document.querySelector(".Post")?.parentElement; | |
| if (!linkListing) return; | |
| const linkDivs = linkListing.getElementsByClassName("link"); | |
| const promises = Array.from(linkDivs).map(async (linkDiv) => { | |
| const commentsLink = linkDiv.querySelector(".comments"); | |
| if (!commentsLink) return; | |
| const commentsPage = await httpGet(`${commentsLink.href}?limit=1&depth=1`); | |
| const scoreSection = /<div class=(\"|\')score(\"|\')[\s\S]*?<\/div>/.exec(commentsPage); | |
| if (!scoreSection) return; | |
| const scoreMatch = /<span class=(\"|\')number(\"|\')>([\d\,\.]*)<\/span>/.exec(scoreSection[0]); | |
| if (!scoreMatch) return; | |
| const score = parseInt(scoreMatch[3].replace(',', '').replace('.', ''), 10); | |
| const upvotesPercentageMatch = /\((\d+)\s*\%[^\)]*\)/.exec(scoreSection[0]); | |
| if (!upvotesPercentageMatch) return; | |
| const upvotesPercentage = parseInt(upvotesPercentageMatch[1], 10); | |
| const upvotes = calcUpvotes(score, upvotesPercentage); | |
| const downvotes = upvotes !== "--" ? score - upvotes : "--"; | |
| updateTagline(linkDiv, upvotes, downvotes, upvotesPercentage); | |
| }); | |
| await Promise.all(promises); | |
| } | |
| function calcUpvotes(score, upvotesPercentage) { | |
| if (score === 0) return "--"; | |
| return Math.round(((upvotesPercentage / 100) * score) / (2 * (upvotesPercentage / 100) - 1)); | |
| } | |
| function updateTagline(linkDiv, upvotes, downvotes, upvotesPercentage) { | |
| const taglineParagraph = linkDiv.querySelector(".tagline") || linkDiv.querySelector(".Post div[data-test-id='post-content']")?.querySelector(".tagline"); | |
| if (!taglineParagraph) return; | |
| let upvoteSpan = taglineParagraph.querySelector(".res_post_ups"); | |
| let downvoteSpan = taglineParagraph.querySelector(".res_post_downs"); | |
| let percentageSpan = taglineParagraph.querySelector(".res_post_percentage"); | |
| if (!upvoteSpan || !downvoteSpan || !percentageSpan) { | |
| const updownInfoSpan = document.createElement("span"); | |
| upvoteSpan = createVoteSpan("res_post_ups", upvotes, "#FF8B24"); | |
| downvoteSpan = createVoteSpan("res_post_downs", downvotes, "#9494FF"); | |
| percentageSpan = createVoteSpan("res_post_percentage", `${upvotesPercentage}%`, "#00A000"); | |
| updownInfoSpan.append("(", upvoteSpan, "|", downvoteSpan, "|", percentageSpan, ") "); | |
| taglineParagraph.insertBefore(updownInfoSpan, taglineParagraph.firstChild); | |
| } else { | |
| upvoteSpan.textContent = upvotes; | |
| downvoteSpan.textContent = downvotes; | |
| percentageSpan.textContent = `${upvotesPercentage}%`; | |
| } | |
| } | |
| function createVoteSpan(className, textContent, color) { | |
| const span = document.createElement("span"); | |
| span.classList.add(className); | |
| span.style.color = color; | |
| span.textContent = textContent; | |
| return span; | |
| } | |
| async function httpGet(url) { | |
| const response = await fetch(url); | |
| return response.text(); | |
| } | |
| window.addEventListener('load', () => { | |
| estimatePostScoreVotes(); | |
| addUpvoteDownvoteInfo(); | |
| }); | |
| window.addEventListener('keydown', (event) => { | |
| if (event.shiftKey && event.key === 'P') { | |
| estimatePostScoreVotes(); | |
| addUpvoteDownvoteInfo(); | |
| } | |
| }); | |
| } | |
| // | |
| // Classic Reddit Rewrite | |
| // | |
| const styleIds = { | |
| hideMultibar: 'classicRedditMultibar', | |
| hideBell: 'classicRedditBell', | |
| hideChat: 'classicRedditChat', | |
| addUserPrefix: 'classicRedditUserPrefix', | |
| hideArchivedArrows: 'classicRedditArchivedArrows', | |
| oldCommentFont: 'classicRedditOldCommentFont', | |
| fullUserScores: 'classicRedditFullUserScores', | |
| oldRedditIcons: 'classicRedditOldRedditIcons', | |
| expandoButtons: 'classicRedditExpandoButtons', | |
| classicRESNight: 'classicRESNightStyles', | |
| submitUnderlay: 'classicRedditSubmitUnderlay', | |
| classicResBorderHighlight: 'classicResBorderHighlight', | |
| classicFlair: 'classicFlair' | |
| }; | |
| function toggleHideMultibar(enabled) { | |
| GM_setValue(config.hideMultibar, enabled); | |
| const styleId = styleIds.hideMultibar; | |
| if (enabled) { | |
| GM_addStyle(` | |
| .listing-chooser { | |
| display: none; | |
| } | |
| .content[role=main] { | |
| margin-left: 5px!important; | |
| } | |
| `, { id: styleId }); | |
| } else { | |
| document.getElementById(styleId)?.remove(); | |
| } | |
| } | |
| function classicFlair(enabled) { | |
| GM_setValue(config.classicFlair, enabled); | |
| const styleId = styleIds.classicFlair; | |
| if (enabled) { | |
| GM_addStyle(` | |
| .flair, | |
| .RES-flair { | |
| background-color: transparent !important; | |
| color: #888 !important; | |
| border: 1px solid #ddd !important; | |
| font-size: x-small !important; | |
| padding: 1px !important; | |
| } | |
| .res-flairSearch.linkflairlabel > a { | |
| position: absolute; | |
| inset: 0 0 0 0; | |
| background-color: ; | |
| color: #e3000000 !important; | |
| font-size: x-small !important; | |
| padding: 1px !important; | |
| } | |
| .res-flairSearch.linkflairlabel { | |
| cursor: pointer; | |
| position: relative; | |
| background-color: #f000 !important; | |
| font-size: x-small !important; | |
| padding: 1px !important; | |
| } | |
| /* Target link flairs specifically */ | |
| .linkflairlabel, | |
| .res-linkFlairLabel { | |
| background-color: transparent !important; | |
| color: #888 !important; | |
| border: 1px solid #ddd !important; | |
| font-size: x-small !important; | |
| padding: 1px !important; | |
| } | |
| /* Target user flairs */ | |
| .author-flair, | |
| .res-userFlairText { | |
| background-color: transparent !important; | |
| color: #888 !important; | |
| border: 1px solid #ddd !important; | |
| font-size: x-small !important; | |
| padding: 1px !important; | |
| } | |
| /* RES night mode compatibility */ | |
| .res-nightmode .flair, | |
| .res-nightmode .linkflairlabel, | |
| .res-nightmode .author-flair { | |
| background-color: transparent !important; | |
| color: #aaa !important; | |
| font-size: x-small !important; | |
| } | |
| /* Target RES-specific container elements */ | |
| .res .tagline .flair, | |
| .res .thing .tagline .flair, | |
| .res .entry .tagline .flair { | |
| background-color: transparent !important; | |
| color: #888 !important; | |
| border: 1px solid #ddd !important; | |
| font-size: x-small !important; | |
| padding: 1px !important; | |
| } | |
| /* RES user tagger compatibility */ | |
| .RESUserTag .flair { | |
| background-color: transparent !important; | |
| color: #888 !important; | |
| border: 1px solid #ddd !important; | |
| font-size: x-small !important; | |
| padding: 1px !important; | |
| } | |
| `, { id: styleId }); | |
| } else { | |
| document.getElementById(styleId)?.remove(); | |
| } | |
| } | |
| function toggleHideBell(enabled) { | |
| GM_setValue(config.hideBell, enabled); | |
| const styleId = styleIds.hideBell; | |
| if (enabled) { | |
| GM_addStyle(` | |
| #notifications, span.separator:nth-child(6), span.separator:nth-child(7) { | |
| display: none; | |
| } | |
| `, { id: styleId }); | |
| } else { | |
| document.getElementById(styleId)?.remove(); | |
| } | |
| } | |
| function toggleHideChat(enabled) { | |
| GM_setValue(config.hideChat, enabled); | |
| const styleId = styleIds.hideChat; | |
| if (enabled) { | |
| GM_addStyle(` | |
| #chat-v2, span.separator:nth-child(8), span.separator:nth-child(9) { | |
| display: none; | |
| } | |
| `, { id: styleId }); | |
| } else { | |
| document.getElementById(styleId)?.remove(); | |
| } | |
| } | |
| function toggleAddUserPrefix(enabled) { | |
| GM_setValue(config.addUserPrefix, enabled); | |
| const styleId = styleIds.addUserPrefix; | |
| if (enabled) { | |
| GM_addStyle(` | |
| a.author:before { | |
| content: "/u/"; | |
| text-transform: none!important; | |
| } | |
| `, { id: styleId }); | |
| } else { | |
| document.getElementById(styleId)?.remove(); | |
| } | |
| } | |
| function toggleHideArchivedArrows(enabled) { | |
| GM_setValue(config.hideArchivedArrows, enabled); | |
| const styleId = styleIds.hideArchivedArrows; | |
| if (enabled) { | |
| GM_addStyle(` | |
| .archived-infobar ~ #siteTable .arrow, | |
| .archived-infobar ~ .commentarea .arrow { | |
| visibility: hidden; | |
| } | |
| `, { id: styleId }); | |
| } else { | |
| document.getElementById(styleId)?.remove(); | |
| } | |
| } | |
| function toggleOldCommentFont(enabled) { | |
| GM_setValue(config.oldCommentFont, enabled); | |
| const styleId = styleIds.oldCommentFont; | |
| if (enabled) { | |
| GM_addStyle(` | |
| .md { | |
| font-size: inherit; | |
| line-height: normal; | |
| } | |
| .md p { | |
| line-height: normal; | |
| } | |
| .md pre > code { | |
| font-size: small; | |
| } | |
| .md h1 { | |
| font-size: 1.2em; | |
| line-height: normal; | |
| } | |
| `, { id: styleId }); | |
| } else { | |
| document.getElementById(styleId)?.remove(); | |
| } | |
| } | |
| function toggleFullUserScores(enabled) { | |
| GM_setValue(config.fullUserScores, enabled); | |
| const styleId = styleIds.fullUserScores; | |
| if (enabled) { | |
| GM_addStyle(` | |
| .link .score { | |
| font-size: 0; | |
| } | |
| .link .score::before { | |
| content: attr(title); | |
| font-size: 12px; | |
| } | |
| .link .score::first-letter { | |
| font-size: 12px; | |
| } | |
| `, { id: styleId }); | |
| } else { | |
| document.getElementById(styleId)?.remove(); | |
| } | |
| } | |
| function toggleOldRedditIcons(enabled) { | |
| GM_setValue(config.oldRedditIcons, enabled); | |
| const styleId = styleIds.oldRedditIcons; | |
| if (enabled) { | |
| GM_addStyle(` | |
| .thumbnail.self { | |
| height: 50px; | |
| background-image: url(https://files.catbox.moe/4uqk59.png); | |
| background-position: 0px -491px; | |
| background-repeat: no-repeat; | |
| } | |
| .thumbnail.default { | |
| background-image: url(https://files.catbox.moe/4uqk59.png); | |
| background-position: 0px -434px; | |
| background-repeat: no-repeat; | |
| height: 50px; | |
| } | |
| .thumbnail.image { | |
| background-image: url(https://files.catbox.moe/4uqk59.png); | |
| background-position: 0px -434px; | |
| background-repeat: no-repeat; | |
| height: 50px; | |
| } | |
| .thumbnail.nsfw { | |
| background-image: url(https://files.catbox.moe/4uqk59.png); | |
| background-position: 0px -361px; | |
| background-repeat: no-repeat; | |
| height: 69px; | |
| } | |
| .thumbnail.spoiler { | |
| background-image: url(https://imgoat.com/uploads/679091c5a8/5031.png); | |
| background-position: 0px -361px; | |
| background-repeat: no-repeat; | |
| height: 69px; | |
| } | |
| .gilded-gid2-icon:before { | |
| width: 13px; | |
| height: 13px; | |
| background-position: -42px -1676px !important; | |
| } | |
| `, { id: styleId }); | |
| } else { | |
| document.getElementById(styleId)?.remove(); | |
| } | |
| } | |
| function toggleExpandoButtons(enabled) { | |
| GM_setValue(config.expandoButtons, enabled); | |
| const styleId = styleIds.expandoButtons; | |
| if (enabled) { | |
| GM_addStyle(` | |
| .expando-button.selftext.collapsed:hover, | |
| .eb-sch { | |
| background-image: url(http://www.redditstatic.com/sprite-reddit.jzJhk9_9j8Q.png); | |
| background-position: -61px -547px; | |
| background-repeat: no-repeat; | |
| } | |
| .expando-button.selftext.collapsed { | |
| background-image: url(http://www.redditstatic.com/sprite-reddit.jzJhk9_9j8Q.png); | |
| background-position: -90px -547px; | |
| background-repeat: no-repeat; | |
| } | |
| .expando-button.video.collapsed {background-image: url(http://www.redditstatic.com/sprite-reddit.jzJhk9_9j8Q.png); | |
| background-position: -87px -584px; | |
| background-repeat: no-repeat; | |
| } | |
| .expando-button.video.collapsed:hover, | |
| .eb-vch { | |
| background-image: url(http://www.redditstatic.com/sprite-reddit.jzJhk9_9j8Q.png); | |
| background-position: -58px -584px; | |
| background-repeat: no-repeat; | |
| } | |
| .expando-button.selftext.expanded, | |
| .eb-se { | |
| margin-bottom: 5px; | |
| background-image: url(http://www.redditstatic.com/sprite-reddit.jzJhk9_9j8Q.png); | |
| background-position: -29px -584px; | |
| background-repeat: no-repeat; | |
| } | |
| .expando-button.selftext.expanded:hover, | |
| .eb-seh { | |
| background-image: url(http://www.redditstatic.com/sprite-reddit.jzJhk9_9j8Q.png); | |
| background-position: 0px -584px; | |
| background-repeat: no-repeat; | |
| } | |
| .expando-button.video.expanded, | |
| .eb-ve { | |
| background-image: url(http://www.redditstatic.com/sprite-reddit.jzJhk9_9j8Q.png); | |
| background-position: -29px -613px; | |
| background-repeat: no-repeat; | |
| } | |
| .expando-button.video.expanded:hover, | |
| .eb-veh { | |
| background-image: url(http://www.redditstatic.com/sprite-reddit.jzJhk9_9j8Q.png); | |
| background-position: 0px -613px; | |
| background-repeat: no-repeat; | |
| } | |
| .expando-button.image, | |
| .expando-button.video-muted, | |
| .expando-button.expando-button-loading, | |
| .expando-button.expando-button-requires-permission { | |
| vertical-align: top !important; | |
| width: 23px; | |
| height: 23px; | |
| max-width: 23px; | |
| max-height: 23px; | |
| display: inline-block; | |
| background-image: url(https://imgur.com/m2osmrU.png); | |
| margin-right: 6px; | |
| padding: 0; | |
| } | |
| .comment .tagline { | |
| display: inline-block !important; | |
| } | |
| .comment .expand { | |
| float: right !important; | |
| margin: -2px 0 0 2px !important; | |
| } | |
| .res .expando-button, | |
| .res-nightmode .expando-button { | |
| background-image: url(http://www.redditstatic.com/sprite-reddit.jzJhk9_9j8Q.png) !important; | |
| filter: none !important; | |
| -webkit-filter: none !important; | |
| transform: none !important; | |
| background-color: transparent !important; | |
| } | |
| .res .expando-button:hover, | |
| .res-nightmode .expando-button:hover{ | |
| background-image: url(http://www.redditstatic.com/sprite-reddit.jzJhk9_9j8Q.png) !important; | |
| filter: none !important; | |
| -webkit-filter: none !important; | |
| transform: none !important; | |
| background-color: transparent !important; | |
| } | |
| .res .expando-button.selftext.expanded, | |
| .res-nightmode .expando-button.selftext.expanded { | |
| background-position: -29px -584px !important; | |
| background-repeat: no-repeat !important; | |
| margin-bottom: 5px !important; | |
| } | |
| .res .expando-button.selftext.expanded:hover, | |
| .res-nightmode .expando-button.selftext.expanded:hover { | |
| background-position: 0px -584px !important; | |
| background-repeat: no-repeat !important; | |
| } | |
| .res .expando-button.video.collapsed, | |
| .res-nightmode .expando-button.video.collapsed { | |
| background-position: -87px -584px !important; | |
| background-repeat: no-repeat !important; | |
| } | |
| .res .expando-button.video.collapsed:hover, | |
| .res-nightmode .expando-button.video.collapsed:hover { | |
| background-position: -58px -584px !important; | |
| background-repeat: no-repeat !important; | |
| } | |
| .res .expando-button.video.expanded, | |
| .res-nightmode .expando-button.video.expanded { | |
| background-position: -29px -613px !important; | |
| background-repeat: no-repeat !important; | |
| } | |
| .res .expando-button.video.expanded:hover, | |
| .res-nightmode .expando-button.video.expanded:hover { | |
| background-position: 0px -613px !important; | |
| background-repeat: no-repeat !important; | |
| } | |
| .res .expando-button.image, | |
| .res .expando-button.video-muted, | |
| .res-nightmode .expando-button.image, | |
| .res-nightmode .expando-button.video-muted { | |
| vertical-align: top !important; | |
| width: 23px !important; | |
| height: 23px !important; | |
| max-width: 23px !important; | |
| max-height: 23px !important; | |
| display: inline-block !important; | |
| background-image: url(https://imgur.com/m2osmrU.png) !important; | |
| margin-right: 6px !important; | |
| padding: 0 !important; | |
| } | |
| .res .RESUsersDBIcon, | |
| .res-nightmode .RESUsersDBIcon { | |
| display: inline-block !important; | |
| margin-left: 3px !important; | |
| } | |
| `, { id: styleId }); | |
| } else { | |
| document.getElementById(styleId)?.remove(); | |
| } | |
| } | |
| function toggleClassicRESNight(enabled) { | |
| GM_setValue(config.classicRESNight, enabled); | |
| const styleId = styleIds.classicRESNight; | |
| if (enabled) { | |
| GM_addStyle(` | |
| /* HEADER */ | |
| .res-nightmode div.entry:nth-child(1) > div:nth-child(1) { | |
| margin-top: 10px; | |
| } | |
| .res-floater-visibleAfterScroll { | |
| top: 5px !important; | |
| z-index: 10000000000 !important; | |
| } | |
| .res-nightmode #sr-header-area, .res-nightmode #sr-more-link { | |
| background-color: rgb(68, 68, 68) !important; | |
| color: rgb(222, 222, 222) !important; | |
| } | |
| .res-nightmode #RESSubredditGroupDropdown a, | |
| .res-nightmode #RESSubredditGroupDropdown > .RESShortcutsEditButtons .res-icon, | |
| .res-nightmode .RESNotificationContent, | |
| .res-nightmode .RESNotificationFooter, | |
| .res-nightmode body .sr-bar a { | |
| color: rgb(222, 222, 222); | |
| } | |
| .res-nightmode #header, .res-nightmode .liveupdate-home .content { | |
| background-color: rgb(105, 105, 105); | |
| border-bottom: 1px solid rgb(160, 160, 160) !important; | |
| } | |
| .res-nightmode body .tabmenu li.selected a { | |
| color: orangered; | |
| background-color: white; | |
| border: 1px solid rgb(160, 160, 160); | |
| border-bottom: 1px solid white; | |
| border-bottom-color: rgb(34, 34, 34) !important; | |
| z-index: 100; | |
| } | |
| .res-nightmode div#RESShortcutsEditContainer, | |
| .res-nightmode div#RESShortcutsSort, | |
| .res-nightmode div#RESShortcutsRight, | |
| .res-nightmode div#RESShortcutsLeft, | |
| .res-nightmode div#RESShortcutsAdd, | |
| .res-nightmode div#RESShortcutsTrash { | |
| background: rgb(68, 68, 68) !important; | |
| color: rgb(140, 179, 217) !important; | |
| } | |
| .res-nightmode .pagename a { | |
| color: black; | |
| } | |
| .res-nightmode body.with-listing-chooser #header .pagename { | |
| position: inherit; | |
| } | |
| /* FRONTPAGE */ | |
| .res-nightmode .trending-subreddits { | |
| background-color: rgb(54, 54, 54) !important; | |
| margin-top: 0px !important; | |
| margin-left: 0px !important; | |
| margin-bottom: 4px !important; | |
| padding-bottom: 1px !important; | |
| } | |
| .res-nightmode body, | |
| .res-nightmode body .content, | |
| .res-nightmode .modal-body, | |
| .res-nightmode .side, | |
| .res-nightmode .icon-menu a, | |
| .res-nightmode .side .leavemoderator, | |
| .res-nightmode .side .leavecontributor-button, | |
| .res-nightmode .side .titlebox, | |
| .res-nightmode .side .spacer .titlebox .redditname, | |
| .res-nightmode .side .titlebox .flairtoggle, | |
| .res-nightmode .side .usertext-body .md ol, | |
| .res-nightmode .side .usertext-body .md ol ol, | |
| .res-nightmode .side .usertext-body .md ol ol li, | |
| .res-nightmode .modactionlisting table *, | |
| .res-nightmode .side .recommend-box .rec-item, | |
| .res-nightmode .side .md ul { | |
| background-color: rgb(34, 34, 34) !important; | |
| } | |
| .res-nightmode .titlebox form.toggle, .leavemoderator { | |
| background: rgb(34, 34, 34) none no-repeat scroll center left !important; | |
| } | |
| .res-nightmode .side .spacer { | |
| margin: 7px 0 12px 5px !important; | |
| } | |
| .res-nightmode .content { | |
| margin-left: 0px !important; | |
| margin-top: 0px !important; | |
| } | |
| .res-nightmode body.with-listing-chooser.listing-chooser-collapsed>.content { | |
| margin-left: 0px !important; | |
| } | |
| .res-nightmode body.with-listing-chooser.listing-chooser-collapsed .listing-chooser { | |
| padding-right: 0px !important; | |
| } | |
| .res-nightmode body.with-listing-chooser.listing-chooser-collapsed .listing-chooser .grippy { | |
| width: 0px !important; | |
| } | |
| .res-nightmode .content .spacer { | |
| margin-bottom: 0px !important; | |
| } | |
| .res-nightmode .NERPageMarker { | |
| background-color: rgb(24, 24, 24); | |
| margin: 0px !important; | |
| } | |
| .res-nightmode .thing.odd.link { | |
| padding: 7px !important; | |
| margin: 0; | |
| background-color: rgb(34, 34, 34); | |
| } | |
| .res-nightmode .thing.even.link { | |
| background: rgb(24, 24, 24); | |
| padding: 7px !important; | |
| margin: 0; | |
| } | |
| .res-nightmode .midcol .score, .res-nightmode .moduleButton:not(.enabled) { | |
| color: #c6c6c6 !important; | |
| } | |
| .res-nightmode .rank .star, | |
| .res-nightmode .link .score.likes, | |
| .res-nightmode .linkcompressed .score.likes { | |
| color: rgb(255, 69, 0) !important; | |
| } | |
| .res-nightmode .rank .star, | |
| .res-nightmode .link .score.dislikes, | |
| .res-nightmode .linkcompressed .score.dislikes { | |
| color: rgb(140, 179, 217) !important; | |
| } | |
| .res-nightmode .content { | |
| border-color: rgb(17, 17, 17); | |
| } | |
| .res-nightmode .wiki-page .wiki-page-content .md.wiki > .toc ul, | |
| .res-nightmode .tabmenu li a, | |
| .res-nightmode .tabmenu li.selected a { | |
| background-color: rgb(34, 34, 34) !important; | |
| } | |
| .res-nightmode .link .rank { | |
| color: #c6c6c6 !important; | |
| } | |
| .res-nightmode .domain a { | |
| color: rgb(173, 216, 230) !important; | |
| } | |
| .res-nightmode .subreddit { | |
| color: rgba(20, 150, 220, 0.8) !important; | |
| } | |
| .res-nightmode .author { | |
| color: rgba(20, 150, 220, 0.8) !important; | |
| } | |
| .res-nightmode .live-timestamp { | |
| color: #B3B375 !important; | |
| } | |
| .res-nightmode .RES-keyNav-activeElement > .tagline, | |
| .res-nightmode .RES-keyNav-activeElement .md-container > .md, | |
| .res-nightmode .RES-keyNav-activeElement .md-container > .md p { | |
| color: rgb(187, 187, 187) !important; | |
| } | |
| .res-nightmode .flair, .res-nightmode .linkflairlabel { | |
| background-color: rgb(187, 187, 187); | |
| color: rgb(0, 0, 0); | |
| padding: 1px; | |
| } | |
| .res-nightmode:not(.res-nightMode-coloredLinks) .thing:not(.stickied) .title:visited, | |
| .res-nightmode:not(.res-nightMode-coloredLinks) .thing.visited:not(.stickied) .title, | |
| .res-nightmode:not(.res-nightMode-coloredLinks).combined-search-page .search-result a:visited, | |
| .res-nightmode:not(.res-nightMode-coloredLinks).combined-search-page .search-result a:visited>mark { | |
| color: rgb(120, 120, 120); | |
| } | |
| .res-nightmode .md, | |
| .res-nightmode .content .sitetable .thing .md,.res-nightmode .RES-keyNav-activeElement .md-container > .mdp { | |
| color: rgb(222, 222, 222) !important; | |
| } | |
| .res-nightmode .combined-search-page .search-result a { | |
| color: rgb(222, 222, 222); | |
| } | |
| .res-nightmode .entry .buttons li a { | |
| color: rgb(150, 150, 150) !important; | |
| } | |
| .res-nightmode #RESSubredditGroupDropdown, | |
| #RESSubredditGroupDropdown > .RESShortcutsEditButtons { | |
| background-color: rgb(68, 68, 68) !important; | |
| border-color: rgb(128, 128, 128) !important; | |
| } | |
| .res-nightmode .spoiler-stamp { | |
| color: #c76700 !important; | |
| } | |
| .res-nightmode .entry.res-selected, | |
| .res-nightmode .entry.res-selected .md-container { | |
| background-color: rgba(0, 0, 0, 0)!important; | |
| } | |
| /* BUTTONS */ | |
| .res-nightmode .thing .expando-button, | |
| .res-nightmode .thing .expando-button:hover, | |
| .res-nightmode .expando-button, | |
| .res-nightmode .expando-button:hover { | |
| background-image: url("https://s3.amazonaws.com/a.thumbs.redditmedia.com/PkckcN8_3ijRUVP-GUQ6E-c8Ash_jQ3kCrEAoqKjSC4.png") !important; | |
| transform: scale(1); | |
| -webkit-filter: grayscale(0%) invert(0%); | |
| background-color: transparent; | |
| } | |
| .res-nightmode .expando-button.video-muted.collapsed { | |
| background-position: 0px -384px !important; | |
| } | |
| .res-nightmode .expando-button.video-muted.collapsed:hover { | |
| background-position: 0px -408px !important; | |
| } | |
| .res-nightmode .expando-button.video-muted.expanded { | |
| background-position: 0px -432px !important; | |
| } | |
| .res-nightmode .expando-button.video-muted.expanded:hover { | |
| background-position: 0px -456px !important; | |
| } | |
| .res-nightmode .expando-button.selftext.collapsed { | |
| background-position: 0px -96px !important; | |
| } | |
| .res-nightmode .expando-button.selftext.collapsed:hover { | |
| background-position: 0px -120px !important; | |
| } | |
| .res-nightmode .expando-button.selftext.expanded { | |
| background-position: 0px -144px !important; | |
| } | |
| .res-nightmode .expando-button.selftext.expanded:hover { | |
| background-position: 0px -168px !important; | |
| } | |
| .res-nightmode .expando-button.image.gallery.collapsed { | |
| background-position: 0px -288px !important; | |
| } | |
| .res-nightmode .expando-button.image.gallery.collapsed:hover { | |
| background-position: 0px -312px !important; | |
| } | |
| .res-nightmode .expando-button.image.gallery.expanded { | |
| background-position: 0px -336px !important; | |
| } | |
| .res-nightmode .expando-button.image.gallery.expanded:hover { | |
| background-position: 0px -360px !important; | |
| } | |
| .res-nightmode .expando-button.video.collapsed { | |
| background-position: 0px -192px !important; | |
| } | |
| .res-nightmode .expando-button.video.collapsed:hover { | |
| background-position: 0px -216px !important; | |
| } | |
| .res-nightmode .expando-button.video.expanded { | |
| background-position: 0px -240px !important; | |
| } | |
| .res-nightmode .expando-button.video.expanded:hover { | |
| background-position: 0px -264px !important; | |
| } | |
| .res-nightmode .expando-button.collapsed.crosspost { | |
| background-position: 0px -96px !important; | |
| } | |
| .res-nightmode .expando-button.collapsed.crosspost:hover { | |
| background-position: 0px -120px !important; | |
| } | |
| .res-nightmode .expando-button.expanded.crosspost { | |
| background-position: 0px -144px !important; | |
| } | |
| .res-nightmode .expando-button.expanded.crosspost:hover { | |
| background-position: 0px -168px !important; | |
| } | |
| .res-nightmode .expando-button.image.collapsed { | |
| background-position: 0px 0px !important; | |
| } | |
| .res-nightmode .expando-button.image.collapsed:hover { | |
| background-position: 0px -24px !important; | |
| } | |
| .res-nightmode .expando-button.image.expanded { | |
| background-position: 0px -48px !important; | |
| } | |
| .res-nightmode .expando-button.image.expanded:hover { | |
| background-position: 0px -72px !important; | |
| } | |
| /* COMMENTS */ | |
| .res-nightmode .res-commentBoxes .comment { | |
| border-left-width: 0px !important; | |
| border-right-width: 0px !important; | |
| border-top-width: 0px !important; | |
| border-bottom-width: 0px !important; | |
| } | |
| .res-nightmode .linkflairlabel, .res-nightmode .flair { | |
| padding-top: 0px !important; | |
| padding-left: 2px !important; | |
| padding-right: 2px !important; | |
| } | |
| .res-nightmode.res-commentBoxes .comment, | |
| .res-nightmode.res-commentBoxes .comment .comment .comment, | |
| .res-nightmode.res-commentBoxes .comment .comment .comment .comment .comment, | |
| .res-nightmode.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment, | |
| .res-nightmode.res-commentBoxes .comment .comment .comment .comment .comment .comment .comment .comment .comment { | |
| background-color: rgb(24, 24, 24) !important; | |
| } | |
| .res-nightmode.res-commentBoxes body .comment .comment, | |
| .res-nightmode.res-commentBoxes body .comment .comment .comment .comment, | |
| .res-nightmode.res-commentBoxes body .comment .comment .comment .comment .comment .comment, | |
| .res-nightmode.res-commentBoxes body .comment .comment .comment .comment .comment .comment .comment .comment, | |
| .res-nightmode.res-commentBoxes body .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment { | |
| background-color: rgb(34, 34, 34) !important; | |
| } | |
| `, { id: styleId }); | |
| } else { | |
| document.getElementById(styleId)?.remove(); | |
| } | |
| } | |
| function toggleSubmitUnderlay(enabled) { | |
| GM_setValue(config.enableSubmitUnderlay, enabled); | |
| const styleId = styleIds.submitUnderlay; | |
| if (enabled) { | |
| GM_addStyle(` | |
| .submit-link-underlay { | |
| margin-top: 5px; | |
| padding: 5px; | |
| background-color: transparent; | |
| display: flex; | |
| align-items: center; | |
| font-family: verdana, sans-serif; | |
| font-size: 11px; | |
| color: dimgray; | |
| } | |
| .submit-link-underlay img { | |
| max-width: 40px; | |
| max-height: 40px; | |
| margin-right: 5px; | |
| } | |
| .submit-link-underlay p { | |
| margin: 0; | |
| } | |
| `, { id: styleId }); | |
| let underlayAdded = false; | |
| function addUnderlay() { | |
| const submitLink = document.querySelector('.submit-link'); | |
| if (submitLink && !underlayAdded) { | |
| const underlay = document.createElement('div'); | |
| underlay.className = 'submit-link-underlay'; | |
| const image = document.createElement('img'); | |
| image.src = 'https://files.catbox.moe/4zv032.png'; | |
| const textContainer = document.createElement('div'); | |
| textContainer.innerHTML = `<p>to anything interesting: news article, blog entry, video, picture...</p>`; | |
| underlay.appendChild(image); | |
| underlay.appendChild(textContainer); | |
| submitLink.parentNode.insertBefore(underlay, submitLink.nextSibling); | |
| underlayAdded = true; | |
| } | |
| } | |
| addUnderlay(); | |
| const targetNode = document.body; | |
| const config = { childList: true, subtree: true }; | |
| const observer = new MutationObserver(function (mutationsList) { | |
| for (const mutation of mutationsList) { | |
| if (mutation.addedNodes.length && !underlayAdded) { | |
| addUnderlay(); | |
| } | |
| } | |
| }); | |
| observer.observe(targetNode, config); | |
| } else { | |
| document.getElementById(styleId)?.remove(); | |
| const underlay = document.querySelector('.submit-link-underlay'); | |
| if (underlay) { | |
| underlay.remove(); | |
| } | |
| } | |
| } | |
| function toggleClassicResBorderHighlight(enabled) { | |
| GM_setValue(config.classicResBorderHighlight, enabled); | |
| const styleId = styleIds.classicResBorderHighlight; | |
| if (enabled) { | |
| GM_addStyle(` | |
| .entry.res-selected { | |
| border: dimgray 2px dotted; | |
| } | |
| `, { id: styleId }); | |
| } else { | |
| document.getElementById(styleId)?.remove(); | |
| } | |
| } | |
| const headerArea = document.getElementById('sr-header-area'); | |
| if (headerArea) { | |
| const betaOptin = headerArea.querySelector('.redesign-beta-optin'); | |
| const premiumBanner = headerArea.querySelector('.premium-banner-outer'); | |
| if (betaOptin) { | |
| betaOptin.remove(); | |
| } | |
| if (premiumBanner) { | |
| premiumBanner.remove(); | |
| } | |
| } | |
| const style = document.createElement('style'); | |
| style.textContent = ` | |
| .premium-banner { | |
| display: none !important; | |
| } | |
| `; | |
| document.head.appendChild(style); | |
| window.addEventListener('load', () => { | |
| toggleHideMultibar(GM_getValue(config.hideMultibar)); | |
| toggleHideBell(GM_getValue(config.hideBell)); | |
| toggleHideChat(GM_getValue(config.hideChat)); | |
| toggleAddUserPrefix(GM_getValue(config.addUserPrefix)); | |
| toggleHideArchivedArrows(GM_getValue(config.hideArchivedArrows)); | |
| toggleOldCommentFont(GM_getValue(config.oldCommentFont)); | |
| toggleFullUserScores(GM_getValue(config.fullUserScores)); | |
| toggleOldRedditIcons(GM_getValue(config.oldRedditIcons)); | |
| toggleExpandoButtons(GM_getValue(config.expandoButtons)); | |
| toggleClassicRESNight(GM_getValue(config.classicRESNight)); | |
| toggleSubmitUnderlay(GM_getValue(config.enableSubmitUnderlay)); | |
| toggleClassicResBorderHighlight(GM_getValue(config.classicResBorderHighlight)); | |
| classicFlair(GM_getValue(config.classicFlair)); // Call classicFlair on load | |
| }); | |
| if (window.location.hostname === 'old.reddit.com' || window.location.hostname === 'www.reddit.com') { | |
| initializeViewCounter(); | |
| initializeVoteEstimator(); | |
| } | |
| })(); |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment