Tampermonkey Script to use on this forum

[wez]

Bitcointalk Readability Enhancer
(Userscript for Tampermonkey/Greasemonkey)

Features
✅ Customizable font size & family
✅ Dark mode / low-contrast theme
✅ Collapsible quotes (click to expand/collapse)
✅ Highlight OP posts (original poster)
✅ Remove signatures (optional)
✅ "Back to top" button for long threads
--

Code:

// ==UserScript==
// @name         Bitcointalk Readability Enhancer
// @namespace    https://bitcointalk.org
// @version      1.0
// @description  Improves readability with dark mode, collapsible quotes, and font adjustments.
// @author       YourName
// @match        https://bitcointalk.org/*
// @grant        GM_addStyle
// ==/UserScript==

(function() {
    'use strict';

    // ==== CUSTOM SETTINGS (Edit these!) ====
    const settings = {
        fontFamily: 'Roboto, Arial, sans-serif', // Preferred font
        fontSize: '16px',                        // Base font size
        darkMode: true,                          // Enable dark mode
        lineHeight: '1.6',                       // Line spacing
        hideSignatures: true,                    // Remove signatures
        highlightOP: true,                      // Color OP's posts
    };

    // ==== DARK MODE ====
    if (settings.darkMode) {
        GM_addStyle(`
            body, td, .tborder, .windowbg, .windowbg2 { 
                background: #1a1a1a !important; 
                color: #e0e0e0 !important; 
            }
            a:link, a:visited { color: #4dabf7 !important; }
            .quote { border-left: 3px solid #444 !important; }
        `);
    }

    // ==== FONT & SPACING ====
    GM_addStyle(`
        body, .post, .subject { 
            font-family: ${settings.fontFamily} !important; 
            font-size: ${settings.fontSize} !important;
            line-height: ${settings.lineHeight} !important;
        }
        .post { margin-bottom: 1.2em !important; }
    `);

    // ==== COLLAPSIBLE QUOTES ====
    document.querySelectorAll('.quote').forEach(quote => {
        const toggleBtn = document.createElement('button');
        toggleBtn.textContent = '[−]';
        toggleBtn.style.cssText = 'cursor:pointer; background:none; border:none; color:#888; padding:0 5px;';
        quote.parentNode.insertBefore(toggleBtn, quote);
        quote.style.display = 'none'; // Start collapsed

        toggleBtn.addEventListener('click', () => {
            quote.style.display = quote.style.display === 'none' ? 'block' : 'none';
            toggleBtn.textContent = quote.style.display === 'none' ? '[+]' : '[−]';
        });
    });

    // ==== HIDE SIGNATURES ====
    if (settings.hideSignatures) {
        GM_addStyle(`.signature { display: none !important; }`);
    }

    // ==== HIGHLIGHT OP POSTS ====
    if (settings.highlightOP) {
        GM_addStyle(`
            .poster > b > a[href*="action=profile"]:first-child { 
                color: #ff9c59 !important; 
                font-weight: bold; 
            }
        `);
    }

    // ==== "BACK TO TOP" BUTTON ====
    const topBtn = document.createElement('button');
    topBtn.textContent = '↑ Top';
    topBtn.style.cssText = 'position:fixed; bottom:20px; right:20px; padding:8px; z-index:9999; cursor:pointer;';
    document.body.appendChild(topBtn);
    topBtn.addEventListener('click', () => window.scrollTo({ top: 0, behavior: 'smooth' }));
})();

[dkbit98]

Good idea with creating this script, but I think it is redundant to add option for removing signatures when we already have this option in profile settings - Look and Layout Preferences.
Back on Top and other new features are useful, and maybe you should add option to hide/collapse top bar located above menu options and news titles.
I already suggested PowerGlove to fix this, but this could be a slow process that needs approval of theymos.

[libert19]

It's from a jr member so I am hesitant to use the script with account (even though it looks harmless on glance) but used without one and here are the impressions. 1) what do you mean with highlight op posts? I see no difference? 2) whenever I click on minus sign to see the quote, I get pop-up message saying, "are you sure you want to do this?" [1]— it feels unnecessary (or is it because I am not logged into account?).


[1] https://talkimg.com/image/UUJSi9

[hugeblack]

Dark mode is good but it's hard to read the quote when it's on.

It's from a jr member so I am hesitant to use the script with account (even though it looks harmless on glance) but used without one and here are the impressions. 1) what do you mean with highlight op posts?

I can confirm that it does not work, but by reviewing the code, its purpose is to make the OP post color #ff9c59 font-weight: bold

[DYING_S0UL]

I'm not sure whether users would be comfortable such scripts. Also some of the features already exists, so these were unnecessary. The only script/tool/extension I would want to use is the one that will enable me to use the forum in my mobile device without the need of zooming in or out. The one that I currently use is quite old and the dev left the forum. Although it gets the job done but has a little bug in the pm section.

OP, a quick suggestion, try adding some screenshots in your post of the script, interface, features.

[Vod]

Dark mode is good but it's hard to read the quote when it's on.

It's from a jr member so I am hesitant to use the script with account (even though it looks harmless on glance) but used without one and here are the impressions. 1) what do you mean with highlight op posts?

I can confirm that it does not work, but by reviewing the code, its purpose is to make the OP post color #ff9c59 font-weight: bold

Do you mean it does work?   I wish there was a simple dark mode script because I would use it.

[JeromeTash]

 I wish there was a simple dark mode script because I would use it.

Could this be of help?

Dark Themes - Bitcointalk Forums

Userscript for Greasemonkey or Tampermonkey.

I personally just decided to use something simpler and straight forward like Dark reader add-on since I am not conversant with scripts and coding

[Vod]

 I wish there was a simple dark mode script because I would use it.

Could this be of help?

What I'm looking for!   I'll give it a try, thx!   

"Makes bitcointalk.org dark."   I'm scared.... 

[DYING_S0UL]

Dark Themes - Bitcointalk Forums

Userscript for Greasemonkey or Tampermonkey.

I personally just decided to use something simpler and straight forward like Dark reader add-on since I am not conversant with scripts and coding

Hey mate! I am getting an error (504 Gateway Time-out) with the second link. Too old I guess.

On the other hand the Dark Reader extension seems much convenient. What about the filter setting? Are you using any custom setting or the defaults?
One thing  I must say, when I'm switching from dark to bright to dark, it feels like I'm going blind! Like a flashbang exploded lol...

[Mia Chloe]

On the other hand the Dark Reader extension seems much convenient. What about the filter setting? Are you using any custom setting or the defaults?
One thing  I must say, when I'm switching from dark to bright to dark, it feels like I'm going blind! Like a flashbang exploded lol...

I don't know if I'm the only one on this forum but in all the extensions I've seen on the forum I still prefer the regular load up light theme. My devices are on eye care most of the time so I hardly experience any blue light aches in my eyes. Most of my other applications on my device are defaultly on dark theme even if I surf the forum on light theme.

I'm not sure whether users would be comfortable such scripts. Also some of the features already exists, so these were unnecessary.

You are right though... Most of the features I see here are already an many others that have been created by forum members. Nevertheless it's not really bad for the OP to try. Besides it's open source and you shouldn't be much scared because of his rank.

[libert19]

On the other hand the Dark Reader extension seems much convenient. What about the filter setting? Are you using any custom setting or the defaults?
One thing  I must say, when I'm switching from dark to bright to dark, it feels like I'm going blind! Like a flashbang exploded lol...

I don't know if I'm the only one on this forum but in all the extensions I've seen on the forum I still prefer the regular load up light theme. My devices are on eye care most of the time so I hardly experience any blue light aches in my eyes. Most of my other applications on my device are defaultly on dark theme even if I surf the forum on light theme.

I also surf this forum on light theme, and everything on my device is also on normal mode, and I prefer it that way. I had this infatuation with blue light filters some years back, even bought so called blue light filter glasses but eventually started finding it all useless.

[Pablo-wood]

✅ "Back to top" button for long threads
--

Code:

    // ==== "BACK TO TOP" BUTTON ====
    const topBtn = document.createElement('button');
    topBtn.textContent = '↑ Top';
    topBtn.style.cssText = 'position:fixed; bottom:20px; right:20px; padding:8px; z-index:9999; cursor:pointer;';
    document.body.appendChild(topBtn);
    topBtn.addEventListener('click', () => window.scrollTo({ top: 0, behavior: 'smooth' }));
})();

Nice work geek. I am impressed with this feature the most.  I was wondering why you didn't bother adding backgroundColor to your button?. Although it doesn't matter anyways since the appearance isn't too bad. Most people might be skeptical in using your script because you are are still a jnr member but it's fun you put up this harmless script though as a little contribution to the forum.

[wez]

I see the point that people are scared to use my script. I am currently not rich on digital currency, so my fear is basically non-existant (might be a super power on this forum)

The script was made using AI and also posted the script in the post so others could control if it is safe to use.

Sadly the ai kept bugging the scripts i created after this one, so i decided to keep this up as a starting point.

[JeromeTash]

Hey mate! I am getting an error (504 Gateway Time-out) with the second link. Too old I guess.

Yep, I noticed it too, and it appears the creator of the script just deleted it. I don't know his/her profile in this forum, it could have been easier to ping him about it. Or maybe @Xal0lex knows him/her?

Edit:

Here is a script that got downloaded. I have no idea how it happened despite that error. When I checked my download folder, the script was right there waiting for me to notice it.

Code:

// ==UserScript==
// @name          Dark Themes - Bitcointalk Forums
// @namespace     http://userstyles.org
// @description	  Makes bitcointalk.org dark.
// @author        CatmanIX
// @homepage      https://userstyles.org/styles/89138
// @include       http://bitcointalk.org/*
// @include       https://bitcointalk.org/*
// @include       http://*.bitcointalk.org/*
// @include       https://*.bitcointalk.org/*
// @run-at        document-start
// @version       0.20130616013013
// ==/UserScript==
(function() {var css = [
	"body, a.nav:hover, .nav, .nav:link, .nav:visited, .windowbg, .windowbg2, .windowbg3, #preview_body, .quote {",
	"	background-color: #222 !important;",
	"	color: #EEE !important;",
	"}",
	"",
	"a:link, a:visited {",
	"	color: #0BF !important;",
	"}",
	"",
	"td, th, tr, .titlebg, .titlebg a:link, .titlebg a:visited, .titlebg2 a:link, .titlebg2 a:visited, .maintab_back a:link, .maintab_back a:visited, .maintab_active_back a:link, .maintab_active_back a:visited, div#bodyarea .maintab_active_back a:link, div#bodyarea .maintab_active_back a:visited, div#bodyarea .mirrortab_active_back a:link, div#bodyarea .mirrortab_active_back a:visited, .catbg3, tr.catbg3 td, .catbg3 a:link, .catbg3 a:visited {",
	"	color: #EEE !important;",
	"}",
	"",
	".titlebg a:hover, div#bodyarea .maintab_back a:link, div#bodyarea .maintab_back a:visited, div#bodyarea .mirrortab_back a:link, div#bodyarea .mirrortab_back a:visited, .catbg a:hover, .catbg2 a:hover, .catbg3 a:hover {",
	"	color: #CCC !important;",
	"}",
	"",
	".catbg, tr.catbg td, .catbg2, tr.catbg2 td, .catbg3, tr.catbg3 td, .titlebg, tr.titlebg th, tr.titlebg td, .titlebg2, tr.titlebg2 th, tr.titlebg2 td, div#bodyarea .maintab_active_back, div#bodyarea .mirrortab_active_back {",
	"	color: #EEE !important;",
	"	background: url(http://goo.gl/HPR9z) #131313 repeat-x !important;/*",
	"	border-bottom: solid 1px #123 !important;",
	"	border-top: solid 1px #111 !important;*/",
	"}",
	"/*",
	".maintab_first {",
	"	background: url(http://goo.gl/DvyNg) left bottom no-repeat;",
	"}",
	"",
	".maintab_active_first {",
	"	background: url(http://goo.gl/XxoPy) left bottom no-repeat;",
	"}",
	"  ",
	".maintab_active_back {",
	"	background: url(http://goo.gl/3qJhZ) left bottom repeat-x;",
	"}",
	"",
	".maintab_active_last {",
	"	background: url(http://goo.gl/S18WE) left bottom no-repeat;",
	"}",
	"",
	".maintab_back {",
	"	background: url(http://goo.gl/XfV5f) left bottom repeat-x;",
	"}",
	"",
	".maintab_last {",
	"	background: url(http://goo.gl/cnzUW) left bottom no-repeat;",
	"}*/"
].join("\n");
if (typeof GM_addStyle != "undefined") {
	GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
	PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
	addStyle(css);
} else {
	var node = document.createElement("style");
	node.type = "text/css";
	node.appendChild(document.createTextNode(css));
	var heads = document.getElementsByTagName("head");
	if (heads.length > 0) {
		heads[0].appendChild(node);
	} else {
		// no head yet, stick it whereever
		document.documentElement.appendChild(node);
	}
}
})();

[Xal0lex]

Or maybe @Xal0lex knows him/her?

No, I don't know the author of the script. And I think the links I provided are long out of date.