Bitcointalk Extension - All In One - Update V3 -2025

[NotATether]

4. Dark 2: I wonder why isn't there anything called dark 2!

There used to be a Dark 2 theme, it is actually the one I still use on an old version of the extension, but it was replaced by another theme containing a giant orange bitcoin in the background in v3.5.

[Pieq]

I'd be happy to add this feature (or yhia ali can do it if he has time) but only with the approval of Royal Cap, as we'd be using his code and his idea.
Regarding the theme could you be more specific? The extension already provides a few which I think look good enough, but of course they can't satisfy everybody.
Maybe try out "Dark 3", it's the one I use.

Personally, I would be very happy if we could design a custom styling support using CSS. So that we can make our own themes. Would that not be a good idea @yhiaali3?

It is quite simple; people have done this before with userscripts, and actually we already have a few themes, so we can just make a little text area where people can paste CSS styling rules.

I think this is a really good compromise, great idea.
I wrote a simple implementation, picture attached:
https://www.talkimg.com/images/2025/12/23/UtLm7I.png
It should be added to the Github repo soon.

I didn't notice @yhiaali3 informed he'd start working on this feature until now, feel free to merge your version if it's already finished.

[yhiaali3]

I have been using your tool for quite some time. And here is what I think (short review)!

1. Default: I mean it's ok, no issue. I just don't like one thing. Every text/link that is clickble is colored blue. If possible make it as @Mahiyammahi suggested.
2. Dark 1: Looked ok. No complaints here.
3. Bitcoin: The pinned post looked weird, somewhat blurry. Switch to it, you'll understand what I meant.
4. Dark 2: I wonder why isn't there anything called dark 2!
5. Dark 3: This is the one I'm using at night.
6. Green: Not sure how you designed it, but this is the most uncomfortable theme ever. I can't even navigate the forum properly, doesn't even show profile pictures or anything.
7. Light: It's the same as the forum's default one, just black lines/borders/elements are removed.

Btw, what's the purpose Pin? Never used it. I do see a small plus and minus icon, wonder what they do...

Welcome @DYING_S0UL I was waiting for your feedback on the emoji. Did you like it?

Anyway, thanks for your review. I'll answer briefly: regarding the Bitcoin theme, you're right, it's a bit bland because of the Bitcoin image in the background. I'll adjust it slightly and perhaps remove the transparent Bitcoin image to improve the overall look of the theme.

As for Dark Mode 2, yes, I removed it, but it's still there. If you like it, I'll bring it back and replace the green theme with it because, as you mentioned, it's really bad.

We're currently developing the extension to allow users to customize themes. Then you can create a theme that perfectly suits you because your artistic taste seems to be quite demanding😍

Regarding Pin, this is a feature to pin topics you like or want to visit later to the top of the page. When you click the (+) button, the topic will be pinned to the top of the page, and when you click (-) it will be removed from the pinned topics.

~snip~

I think this is a really good compromise, great idea.
I wrote a simple implementation, picture attached:

It should be added to the Github repo soon.

I didn't notice @yhiaali3 informed he'd start working on this feature until now, feel free to merge your version if it's already finished.

Don't worry, it's okay.

I've already started working on the update. It's similar to the idea but with more features (the ability to save, import, and export...). So I need some time to finish it, and then I'll show it to you. Here's a screenshot.



Any suggestions are welcome.

[Royal Cap]

Op I have a suggestion if you could implement this it would be daily life use able script for now on . After using the forum so long I dont like your default theme which has a high contrast in every color, can you make it a version where it keeps the originality of bitcointalk .

another thing is try to implement this feature is possibe, this user script was made by Royal cap
Ultimate Bitcointalk Userscript: Modern Editor + One-Click Image Upload

this would solve the uploading image problem and easier a newbie to use the forum without the having a great knowloedge about BB codes

I'd be happy to add this feature (or yhia ali can do it if he has time) but only with the approval of Royal Cap, as we'd be using his code and his idea.
Regarding the theme could you be more specific? The extension already provides a few which I think look good enough, but of course they can't satisfy everybody.
Maybe try out "Dark 3", it's the one I use.

Thanks for mentioning. You don't need to get any permission to use my user script because it is open source. You can modify it and use it as you wish. And if you want to add only the image upload feature to the extension. Then you can take the idea from the extension created by Little Mouse(Bitcointalk Image Uploader | Image Upload has never been so easy). Because I also created the user script with the idea from him.

And if you want to add all the features to your extension, then you can definitely take help from my user script.

[Pieq]

@yhiaali3 your implementation looks sharp, great work.
I'll stop working on mine since it is not needed anymore.
We'll merge your version once ready, I also really like the features you added, it's way more complete.

Op I have a suggestion if you could implement this it would be daily life use able script for now on . After using the forum so long I dont like your default theme which has a high contrast in every color, can you make it a version where it keeps the originality of bitcointalk .

another thing is try to implement this feature is possibe, this user script was made by Royal cap
Ultimate Bitcointalk Userscript: Modern Editor + One-Click Image Upload

this would solve the uploading image problem and easier a newbie to use the forum without the having a great knowloedge about BB codes

I'd be happy to add this feature (or yhia ali can do it if he has time) but only with the approval of Royal Cap, as we'd be using his code and his idea.
Regarding the theme could you be more specific? The extension already provides a few which I think look good enough, but of course they can't satisfy everybody.
Maybe try out "Dark 3", it's the one I use.

Thanks for mentioning. You don't need to get any permission to use my user script because it is open source. You can modify it and use it as you wish. And if you want to add only the image upload feature to the extension. Then you can take the idea from the extension created by Little Mouse(Bitcointalk Image Uploader | Image Upload has never been so easy). Because I also created the user script with the idea from him.

And if you want to add all the features to your extension, then you can definitely take help from my user script.

Thank you for getting back to us Royal Cap, I really appreciate your approval.
Even though your script is open source, it didn't feel right to simply go ahead and copy your code without at least talking about it first.
I'll start working on implementing your features when I have some time.
Thank you Royal Cap.

[yhiaali3]

Thanks for mentioning. You don't need to get any permission to use my user script because it is open source. You can modify it and use it as you wish. And if you want to add only the image upload feature to the extension. Then you can take the idea from the extension created by Little Mouse(Bitcointalk Image Uploader | Image Upload has never been so easy). Because I also created the user script with the idea from him.

And if you want to add all the features to your extension, then you can definitely take help from my user script.

Thank you @Royal Cap. I'm very happy to use the script in the extension because it will make it more complete. We will work on finishing the updates as soon as possible, and then we will put the final version here so that it is available to everyone.
I hope you will try it.

@yhiaali3 your implementation looks sharp, great work.
I'll stop working on mine since it is not needed anymore.
We'll merge your version once ready, I also really like the features you added, it's way more complete.

I'm glad you liked it.
I've made a few more adjustments; I'm almost finished. I'll let you know so we can merge it into the repository along with the new script, and then we'll upload the final version to the Chrome Web Store.

[yhiaali3]

Update 25-12-2025 (Version 4.0):



Significant updates have been completed so far, and more are coming soon by Pieq@, so we decided to push the version to 4.0.



- Added a custom theme manager where users can design their own themes by pasting CSS code into the editor. I added several buttons to the theme manager to allow users to save and use themes at any time, a button to set a theme as the default, and buttons for import, export, and deletion.

- Removed some themes and modified the Bitcoin theme (removing the Bitcoin image because it caused blurriness) and the Dark 2 theme.

- Added a reset button to reset themes in case of any problems or conflicts during runtime.

- Fixed some bugs that were causing error messages in the browser.

There are updates that Pieq@ has completed and will post here later.







Using the theme manager is easy. write the code in the editor or paste it, make any necessary modifications, choose a name for the code, and then save. The theme name will appear in the drop-down menu below.

You can save as many custom themes as you like, and they will all appear in the dropdown menu. Then, choose one and click Apply. The theme will be applied to the page.



Delete button: To remove a theme if you don't like it, select it from the drop-down menu, then press Delete and confirm the deletion.

Export button: To export the theme, save it, import it at any time, or share it.

Import button: To import a previously exported theme.

Set as default button: To choose a custom theme as the default.

Clean button: To remove the code for easier operation.



The GitHub repository has been updated for those who wish to try the extension:

https://github.com/yhiaali3/bitcointalk-script



Once Pieq@ finishes the updates for the Optimized Bitcointalk User Script: Modern Editor + One-Click Image Upload

The updates will be complete, and I will ask @NotATether to upload it to the Chrome Web Store.

[dkbit98]

- Added a custom theme manager where users can design their own themes by pasting CSS code into the editor. I added several buttons to the theme manager to allow users to save and use themes at any time, a button to set a theme as the default, and buttons for import, export, and deletion.

Can you add some custom forum themes that are compatible for people with colorblind conditions?
I have seen recently one member was asking a question for this for one specific case when red and green colors could not be differentiated.
It would also be good to have list of all custom bitcointalk themes.

[yhiaali3]

- Added a custom theme manager where users can design their own themes by pasting CSS code into the editor. I added several buttons to the theme manager to allow users to save and use themes at any time, a button to set a theme as the default, and buttons for import, export, and deletion.

Can you add some custom forum themes that are compatible for people with colorblind conditions?
I have seen recently one member was asking a question for this for one specific case when red and green colors could not be differentiated.
It would also be good to have list of all custom bitcointalk themes.

This is a very kind gesture from you. I will do my best to create a forum theme specifically for people with color blindness. Initially I will create a general template and then we can improve it based on reviews and feedback, as I need more detailed information about the specific challenges they face on the page template.

It would also be good to have list of all custom bitcointalk themes.

For my part, I will post the list I have and other members who have created their own custom themes can add theirs as well. This would be a good idea, as there is a large selection of themes available to suit everyone.

[satscraper]

~

May I ask you some question?

In my view, any extension that requires extra processing from the browser may slow down page rendering, making it thepotential culprit. What about yours? Have you tested how much slowdown (in percent) it adds before the standard Bitcointalk page fully loads? I’m asking because I used to browse Bitcointalk on my 10‑year‑old laptop, which is not as fast as the buggy whip.

[yhiaali3]

~

May I ask you some question?

In my view, any extension that requires extra processing from the browser may slow down page rendering, making it thepotential culprit. What about yours? Have you tested how much slowdown (in percent) it adds before the standard Bitcointalk page fully loads? I’m asking because I used to browse Bitcointalk on my 10‑year‑old laptop, which is not as fast as the buggy whip.

Thank you for your valuable question.

You're absolutely right, extensions can slow down page loading, especially if they contain scripts or download files and images from the internet.
I conducted a page load test, and the results are as you can see in the image:



Even though I use many extensions, the entire page load time including scripts was only ~9 seconds(8,975 ms). This isn't a significant amount considering I use several extensions.

The BitcoinTalk extension, as you can see from the image, accounted for only 107.6 ms.
That's approximately 0.11 seconds which is roughly 1.2% of the total page load time (8.975 seconds). That's negligible.

Of course, taking into account that with time, the addition of new scripts to the extension, and successive updates this time may be a little longer.
Also, this depends on the internet speed of the user.

[AgriTrack]

May I ask you some question?

In my view, any extension that requires extra processing from the browser may slow down page rendering, making it thepotential culprit. What about yours? Have you tested how much slowdown (in percent) it adds before the standard Bitcointalk page fully loads? I’m asking because I used to browse Bitcointalk on my 10‑year‑old laptop, which is not as fast as the buggy whip.

That’s a valid concern and honestly I had the same thought at first. In practice though, the extension doesn’t seem to slow things down in any noticeable way. It doesn’t interfere with the page while it’s loading or do any heavy processing in the background. most of what it does happens after the page has already finished rendering. I’ve used Bitcointalk on relatively old and slow systems as well and I couldn’t really feel any difference. Unless someone is already running a bunch of heavy extensions on a very weak machine, the impact should be so small that it won’t affect normal browsing at all.

[yhiaali3]

Supplement Update 25-12-2025 (Version 4.0):
Finally, I've finished updating the extension. There are many updates in the latest version:
- Modifying themes, removing some, and adding new ones.
- Adding a theme specifically for colorblind users.
- Removing the "Set as default" button and adding an "Edit" button to modify the code and name of any saved theme.
- Adding an image upload button that uploads images to a hosting site and retrieves a BBcode link with the ability to resize them.
- Adding an advanced Quill editor with advanced features such as bold, zoom, colors, horizontal font, quote, code, and alignment directly within the editor, then converting it to BBcode.

The biggest update, and the one that took me the longest, was the advanced Quill editor. The idea originated from the @Royal Cap Ultimate Bitcointalk Userscript: Modern Editor + One-Click Image Upload script.

Actually, the script had some issues, but the image upload button worked perfectly, so I had the idea to take just the image upload section and look for a better editor script.
I found the Quill editor; it's easy and great, but the problem is that it works with HTML while the forum uses BBcode. So the solution was to find a function that converts the text to BBcode so it would display correctly in the forum. During this process,
I encountered many problems that required a lot of work to resolve, but in the end, we got a great editor integrated with the BitcoinTalk editor. So please try it and let me know if you encounter any runtime issues.
These are screenshots from the editor at the time of writing:



This is after pressing the preview button:


As you can see, the advantage here is that you see everything in real-time.
There's also a nice feature that displays the word count and character count in the status bar.😍

Can you add some custom forum themes that are compatible for people with colorblind conditions?
I have seen recently one member was asking a question for this for one specific case when red and green colors could not be differentiated.
It would also be good to have list of all custom bitcointalk themes.

I added a theme specifically for people with color blindness. I wasn't sure exactly what was required, but I added universal standards suitable for this condition, so I would be happy if someone tried it and gave me a review so I could make the necessary adjustments.



I've uploaded the update to the GitHub repository, and here's the link:
https://github.com/yhiaali3/bitcointalk-script

Now, I would appreciate it if @NotATether could upload the extension to the Chrome Web Store.
Thank you very much.
I hope you like it.

[yhiaali3]

I'll add some theme codes for colorblind users. I designed them with different color tones as an experiment because I don't know exactly what they need.

They can copy the code into the Theme Manager, save it, and try it out. Those with CSS experience can also modify some of the code as needed.

colorblind-safe1:

Code:

@namespace html url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* ========== BASE ========== */
html, body, browser[type="content-primary"] {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
    font-size: 16px !important;
}

/* Remove decorative backgrounds */
*:not(:empty):not([onclick*="open"]):not(span):not([class*="stars"]):not([id*="stars"]):not([id="rating"]):not([class="rating"]):not([class*="prite"]):not([id*="prite"]):not([id*="lbImage"]) {
    background-image: none !important;
}

body * { background-color: transparent !important; }
div[id] { background-color: inherit !important; }

/* ========== STATUS INDICATORS — SAFE COLORS ========== */

/* ONLINE → Blue instead of green */
.online,
.user_online,
.status_online {
    color: #4DA6FF !important; /* Bright blue */
    font-weight: bold !important;
}
.online::before,
.user_online::before {
    content: "● " !important; /* Bullet for clarity */
}

/* OFFLINE / IDLE → Orange instead of red */
.offline,
.user_offline,
.status_offline,
.idle {
    color: #FF9800 !important; /* Orange */
    font-weight: bold !important;
}
.offline::before,
.user_offline::before {
    content: "○ " !important;
}

/* NEW / CURRENT POST — Yellow for high visibility */
.new, .current, .new_posts, .got_new {
    color: #FFD54F !important; /* Amber yellow */
    font-weight: bold !important;
    background-color: rgba(255, 213, 79, 0.1) !important;
    padding: 0 4px !important;
    border-radius: 3px !important;
}

/* STICKY / LOCKED — Use purple (distinct from red/green) */
.sticky, .locked {
    color: #BA68C8 !important; /* Purple */
    font-weight: bold !important;
}
.sticky::before { content: "📌 " !important; }
.locked::before { content: "🔒 " !important; }

/* ========== HEADINGS & CONTAINERS ========== */
.catbg, .catbg2, .catbg3, tr.catbg td {
    background: #252525 !important;
    color: #4DA6FF !important;
    border-bottom: 1px solid #4DA6FF !important;
}

.titlebg, tr.titlebg th, tr.titlebg td {
    background: #1F1F1F !important;
    color: #FFD54F !important;
    border: 1px solid #333 !important;
}

.windowbg, .windowbg2 {
    background-color: #222222 !important;
    border: 1px solid #333 !important;
}

.windowbg3 {
    background-color: #282828 !important;
}

/* ========== LINKS & INTERACTION ========== */
a:link, a:visited {
    color: #4DA6FF !important; /* Blue */
    text-decoration: none !important;
}
a:hover {
    color: #FF9800 !important; /* Orange on hover */
    text-decoration: underline !important;
}

/* Buttons — use shape + color */
input[type="button"], button, .button {
    background: linear-gradient(to bottom, #252525, #1A1A1A) !important;
    color: #E0E0E0 !important;
    border: 1px solid #4DA6FF !important;
    border-radius: 4px !important;
    padding: 6px 12px !important;
}

/* Success-like actions (e.g., "Save") → Blue */
.save_button, .submit {
    border-color: #4DA6FF !important;
    color: #4DA6FF !important;
    font-weight: bold !important;
}

/* Danger-like actions (e.g., "Delete") → Orange */
.delete_button, .remove {
    border-color: #FF9800 !important;
    color: #FF9800 !important;
    font-weight: bold !important;
}

/* ========== QUOTES & CODE ========== */
blockquote, [class*="quote"] {
    background-color: #1E1E1E !important;
    border-left: 4px solid #BA68C8 !important; /* Purple border */
    color: #E0E0E0 !important;
    padding: 10px !important;
    margin: 10px 0 !important;
}

code, pre {
    background-color: #1E1E1E !important;
    color: #FFD54F !important;
    border: 1px solid #333 !important;
    padding: 4px 6px !important;
    border-radius: 3px !important;
}

/* ========== MISCELLANEOUS ========== */
hr {
    border: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, #4DA6FF, transparent) !important;
}

.date, .time, .label {
    color: #B0B0B0 !important;
}

/* Pagination */
.navPages {
    color: #4DA6FF !important;
    font-weight: bold !important;
}

/* Selected page */
.navPages.current, .new_posts {
    background-color: rgba(255, 213, 79, 0.2) !important;
    color: #FFD54F !important;
    border-radius: 3px !important;
}

/* ========== UNIVERSAL ========== */
* {
    border-color: #333 !important;
    outline-color: #4DA6FF !important;
    text-shadow: none !important;
}

/* Images & icons */
img {
    opacity: 0.95 !important;
}
img:hover {
    opacity: 1 !important;
}

/* Selection */
::selection, ::-moz-selection {
    background-color: rgba(77, 166, 255, 0.3) !important;
    color: #000 !important;
}

colorblind-safe2:

Code:

@namespace html url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* Browser Background */
browser[type="content-primary"] {
    background-color: #121212 !important;
}

/* No background images — preserve icons */
*:not(:empty):not([onclick*="open"]):not(span):not([class*="stars"]):not([id*="stars"]):not([id="rating"]):not([class="rating"]):not([class*="prite"]):not([id*="prite"]):not([id*="lbImage"]) {
    background-image: none !important;
}

/* Basic Bodies */
html, body {
    background: none #121212 !important;
    color: #E0E0E0 !important;
}

/* Transparent descendants */
body * {
    background-color: transparent !important;
}

div[id] {
    background-color: inherit !important;
}

/* Non-icon spans */
span:not(:empty):not([class*="icon"]):not([id*="icon"]):not([class*="star"]):not([id*="star"]):not([id*="rating"]):not([class*="rating"]):not([class*="prite"]) {
    background: none transparent !important;
    border-color: #444 !important;
}

/* Main containers */
html:root > body > * > * > * > *:not(input):not([onclick]) > div:not(:empty):not([id]) {
    background: none #1E1E1E !important;
}

/* :::::::: Text Presentation :::::::: */
summary, details {
    background-color: inherit !important;
}

abbr, progress, time, label, .date {
    color: #BB86FC !important; /* Lavender — clear for colorblind */
}

mark, code, pre, blockquote, [class*="quote"], td[style*="inset"][class="alt2"] {
    background-color: #1A1A1A !important;
    color: #E0E0E0 !important;
    border-left: 3px solid #03DAC6 !important; /* Teal — safe & distinct */
}

/* :::::::: Headings + Header :::::::: */
header, #header {
    background: linear-gradient(to bottom, #1E1E1E, #121212) !important;
    border-bottom: 1px solid #03DAC6 !important;
}

#header h1 {
    background-color: transparent !important;
}

h1, h2 {
    background: none #2D2D2D !important;
    color: #BB86FC !important;
    border: 1px solid #BB86FC !important;
    border-radius: 5px !important;
}

h3, h4 {
    background: none #282828 !important;
    color: #03DAC6 !important;
    border: 1px solid #03DAC6 !important;
    border-radius: 5px !important;
}

h5, h6 {
    background: none #252525 !important;
    color: #FF9800 !important; /* Orange — safe instead of red */
}

/* :::::::: Lists :::::::: */
dt {
    background-color: #282828 !important;
    border: 1px solid #444 !important;
}

dl, dd {
    background-color: #1E1E1E !important;
}

li, ul {
    background-color: inherit !important;
}

li a:not([class*="icon"]):not([id*="icon"]):not([onclick]),
dt a:not([class*="icon"]):not([id*="icon"]):not([onclick]) {
    color: #BB86FC !important;
    text-decoration: none !important;
}

/* Hover */
li[class*="item"] a:hover,
li[class*="item"]:hover,
[class*="menuitem"]:hover {
    background-color: #333333 !important;
}

/* :::::::: Tables :::::::: */
table {
    background-color: #1E1E1E !important;
    border: 1px solid #444 !important;
}

table table {
    background: #1A1A1A !important;
}

th, caption {
    background-color: #282828 !important;
    color: #BB86FC !important;
    border: 1px solid #444 !important;
}

/* :::::::: Input & Buttons :::::::: */
input *, textarea * {
    color: #E0E0E0 !important;
}

html body input:not([type="image"]),
button,
html body textarea {
    background: none #282828 !important;
    color: #E0E0E0 !important;
    border: 1px solid #666 !important;
    border-radius: 4px !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Preserve native checkboxes/radios */
html body input[type="checkbox"] {
    -moz-appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
}
html body input[type="radio"] {
    -moz-appearance: radio !important;
    -webkit-appearance: radio !important;
    appearance: radio !important;
}

/* Custom buttons */
html:root input[type="button"],
html:root input[type="submit"],
html:root input[type="reset"],
html:root button {
    color: #FFFFFF !important;
    background: linear-gradient(to bottom, #3700B3, #2D0099) !important; /* Deep purple */
    border: 1px solid #BB86FC !important;
    border-radius: 4px !important;
    font-weight: bold;
}

html:root input[type="button"]:hover,
html:root button:hover {
    background: linear-gradient(to bottom, #03DAC6, #02B8A8) !important; /* Teal hover */
    color: #121212 !important;
}

/* Dropdowns */
select, option, optgroup {
    background: none #282828 !important;
    border: 1px solid #666 !important;
    color: #E0E0E0 !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* :::::::: Misc :::::::: */
address {
    background: none #252525 !important;
}

hr {
    border-top: 1px solid #03DAC6 !important;
    background: none !important;
}

/* Currently viewed page */
.current {
    color: #FF9800 !important; /* Orange instead of white/red */
    font-weight: bold !important;
}

/* Remove decorative images */
img[src*="spacer"]:empty,
[id*="round"]:empty,
[class*="spacer"]:empty {
    background-image: none !important;
}

/* Menus & popups */
nav, menu,
[class*="open"], [id*="Dropdown"], [class*="popup"],
[class*="note"], [class*="detail"] {
    background-color: #1E1E1E !important;
    border: 1px solid #444 !important;
}

[class*="content"], [class*="container"] {
    background-color: #1A1A1A !important;
}

/* Logo links */
[id*="masthead"] a,
[id*="header"] a,
[id*="logo"] a,
[class*="logo"] a {
    color: #BB86FC !important;
}

/* Lightbox */
html:root body [class*="layer"],
html:root body #lightbox-nav,
html:root body #imageContainer {
    background-color: transparent !important;
}

/* :::::::: Universal Styles :::::::: */
* {
    color: #E0E0E0 !important;
    border-color: #444 !important;
    outline-color: #BB86FC !important;
    text-shadow: none !important;
}

html *:before, html *:after {
    color: #E0E0E0 !important;
    border-color: #666 !important;
    background: transparent !important;
}

/* Links */
a:link, a:link *:not(img) {
    color: #BB86FC !important;
    text-decoration: none !important;
}
a:visited, a:visited * {
    color: #9B6BFC !important;
}
a:hover, a:hover *:not(img) {
    color: #03DAC6 !important;
    background-color: rgba(3, 218, 198, 0.1) !important;
}

/* Clickable elements */
[onclick], [ondblclick], [onmousedown] {
    color: #FF9800 !important;
}
[onclick]:hover {
    color: #FFD166 !important;
}

/* Images */
img {
    opacity: 0.85 !important;
    border-radius: 4px !important;
}
img:hover {
    opacity: 1 !important;
    box-shadow: 0 0 6px rgba(3, 218, 198, 0.4) !important;
}

svg {
    background: none #1E1E1E !important;
}

/* Selection */
::selection, ::-moz-selection {
    background-color: rgba(187, 134, 252, 0.3) !important;
    color: #000 !important;
}

/* Google fixes */
.g .r,
div.vsc:hover > .vspi {
    background: transparent !important;
    border: none !important;
}

colorblind-safe3:

Code:

@namespace html url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* ========== COLOR-BLIND SAFE THEME ========== */
/* Basis: Dark mode optimized for Color Oracle compatibility */

/* Browser Background */
browser[type="content-primary"] {
    background-color: #121212 !important;
}

/* Remove decorative background images, preserve icons */
*:not(:empty):not([onclick*="open"]):not(span):not([class*="stars"]):not([id*="stars"]):not([id="rating"]):not([class="rating"]):not([class*="prite"]):not([id*="prite"]):not([id*="lbImage"]) {
    background-image: none !important;
}

/* Main page background */
html, body {
    background: none #121212 !important;
    color: #e0e0e0 !important;
    font-family: sans-serif !important;
    line-height: 1.6 !important;
}

/* Transparent descendants */
body * {
    background-color: transparent !important;
}

div[id] {
    background-color: inherit !important;
}

/* Non-icon spans */
span:not(:empty):not([class*="icon"]):not([id*="icon"]):not([class*="star"]):not([id*="star"]):not([id*="rating"]):not([class*="rating"]):not([class*="prite"]) {
    background: none transparent !important;
    border-color: #333 !important;
}

/* Main containers */
html:root > body > * > * > * > *:not(input):not([onclick]) > div:not(:empty):not([id]) {
    background: none #1e1e1e !important;
    border: 1px solid #333 !important;
    border-radius: 8px !important;
    padding: 20px !important;
    margin-bottom: 15px !important;
}

/* :::::::: Text & Semantic Elements :::::::: */
summary, details {
    background-color: inherit !important;
}

abbr, progress, time, label, .date {
    color: #b0b0b0 !important;
}

mark, code, pre, blockquote, [class*="quote"], td[style*="inset"][class="alt2"] {
    background-color: #1a1a1a !important;
    color: #e0e0e0 !important;
    border-left: 3px solid #03dac6 !important; /* Teal accent */
}

/* :::::::: Headings — Dual visual cues (color + border) :::::::: */
header, #header {
    background: linear-gradient(to bottom, #1e1e1e, #121212) !important;
    border-bottom: 1px solid #03dac6 !important;
}

#header h1 {
    background-color: transparent !important;
}

h1, h2 {
    background: none #2c2c2c !important;
    color: #bb86fc !important; /* Purple primary */
    border-right: 4px solid #03dac6 !important;
    padding-right: 12px !important;
    border-radius: 0 !important;
    margin: 12px 0 !important;
}

h3, h4 {
    background: none #282828 !important;
    color: #03dac6 !important; /* Teal */
    border-right: 3px solid #bb86fc !important;
    padding-right: 10px !important;
    margin: 10px 0 !important;
}

h5, h6 {
    background: none #252525 !important;
    color: #ffb74d !important; /* Orange warning */
    padding-right: 8px !important;
    margin: 8px 0 !important;
}

/* :::::::: Lists :::::::: */
dt {
    background-color: #282828 !important;
    border: 1px solid #444 !important;
    padding: 8px !important;
}

dl, dd {
    background-color: #1e1e1e !important;
    padding: 8px !important;
}

li, ul {
    background-color: inherit !important;
}

li a:not([class*="icon"]):not([id*="icon"]):not([onclick]),
dt a:not([class*="icon"]):not([id*="icon"]):not([onclick]) {
    color: #8ab4f8 !important; /* Link blue */
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

/* Hover states */
li[class*="item"] a:hover,
li[class*="item"]:hover,
[class*="menuitem"]:hover {
    background-color: #333333 !important;
}

/* :::::::: Tables :::::::: */
table {
    background-color: #1e1e1e !important;
    border: 1px solid #333 !important;
    width: 100% !important;
    border-collapse: collapse !important;
}

table table {
    background: #1a1a1a !important;
}

th, caption {
    background-color: #2c2c2c !important;
    color: #03dac6 !important;
    border: 1px solid #444 !important;
    padding: 12px !important;
}

td {
    border: 1px solid #333 !important;
    padding: 10px !important;
}

/* :::::::: Inputs & Buttons — High contrast :::::::: */
input *, textarea * {
    color: #ffffff !important;
}

html body input:not([type="image"]),
button,
html body textarea {
    background: #252525 !important;
    color: #ffffff !important;
    border: 1px solid #444 !important;
    border-radius: 4px !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding: 10px !important;
}

/* Preserve native appearance for accessibility */
html body input[type="checkbox"] {
    -moz-appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
}
html body input[type="radio"] {
    -moz-appearance: radio !important;
    -webkit-appearance: radio !important;
    appearance: radio !important;
}

/* Custom buttons */
html:root input[type="button"],
html:root input[type="submit"],
html:root input[type="reset"],
html:root button {
    background-color: #bb86fc !important; /* Purple */
    color: #000000 !important;
    border: none !important;
    border-radius: 4px !important;
    font-weight: bold !important;
    padding: 12px 24px !important;
    cursor: pointer;
}
html:root input[type="button"]:hover,
html:root button:hover {
    background-color: #03dac6 !important; /* Teal on hover */
}

/* Dropdowns */
select, option, optgroup {
    background: #252525 !important;
    border: 1px solid #444 !important;
    color: #ffffff !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* :::::::: Status Indicators — Pattern + Color :::::::: */
/* Use classes if available; fallback to generic */
.current, .new, .got_new {
    color: #ffb74d !important; /* Orange */
    font-weight: bold !important;
    background: rgba(255, 183, 77, 0.05) !important;
    border: 1px solid #ffb74d !important;
}

.error, .offline, .locked {
    color: #cf6679 !important; /* Pinkish-red */
    border: 2px dashed #cf6679 !important;
    background: rgba(207, 102, 121, 0.05) !important;
}

.success, .online, .sticky {
    color: #03dac6 !important; /* Teal */
    border: 2px solid #03dac6 !important;
    background: rgba(3, 218, 198, 0.05) !important;
}

/* :::::::: Misc Elements :::::::: */
address {
    background: none #252525 !important;
    padding: 12px !important;
}

hr {
    border: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, #03dac6, transparent) !important;
    margin: 20px 0 !important;
}

/* Remove decorative spacers */
img[src*="spacer"]:empty,
[id*="round"]:empty,
[class*="spacer"]:empty {
    background-image: none !important;
}

/* Menus & popups */
nav, menu,
[class*="open"], [id*="Dropdown"], [class*="popup"],
[class*="note"], [class*="detail"] {
    background-color: #1e1e1e !important;
    border: 1px solid #444 !important;
    padding: 12px !important;
}

[class*="content"], [class*="container"] {
    background-color: #1a1a1a !important;
    border-radius: 8px !important;
}

/* Logo links */
[id*="masthead"] a,
[id*="header"] a,
[id*="logo"] a,
[class*="logo"] a {
    color: #bb86fc !important;
    text-decoration: none !important;
}

/* Lightbox */
html:root body [class*="layer"],
html:root body #lightbox-nav,
html:root body #imageContainer {
    background-color: transparent !important;
}

/* :::::::: Universal Styles :::::::: */
* {
    color: #e0e0e0 !important;
    border-color: #333 !important;
    outline-color: #bb86fc !important;
    text-shadow: none !important;
}

html *:before, html *:after {
    color: #e0e0e0 !important;
    border-color: #444 !important;
    background: transparent !important;
}

/* Links — always underlined */
a:link, a:link *:not(img) {
    color: #8ab4f8 !important;
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}
a:visited, a:visited * {
    color: #6a94d8 !important;
}
a:hover, a:hover *:not(img) {
    color: #03dac6 !important;
    background: rgba(187, 134, 252, 0.1) !important;
}

/* Clickable elements */
[onclick], [ondblclick], [onmousedown] {
    color: #cf6679 !important;
}
[onclick]:hover {
    color: #ffb74d !important;
}

/* Images */
img {
    opacity: 0.8 !important;
    border-radius: 4px !important;
}
img:hover {
    opacity: 1 !important;
    box-shadow: 0 0 6px rgba(3, 218, 198, 0.4) !important;
}

svg {
    background: none #1e1e1e !important;
}

/* Selection */
::selection, ::-moz-selection {
    background-color: rgba(187, 134, 252, 0.3) !important;
    color: #000 !important;
}

/* Google fixes */
.g .r,
div.vsc:hover > .vspi {
    background: transparent !important;
    border: none !important;
}

colorblind-safe4:

Code:

@namespace html url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

/* ========== COLOR-BLIND SAFE THEME (Wong Palette) ========== */

/* Browser Background */
browser[type="content-primary"] {
    background-color: #121212 !important;
}

/* Remove decorative background images, preserve icons */
*:not(:empty):not([onclick*="open"]):not(span):not([class*="stars"]):not([id*="stars"]):not([id="rating"]):not([class="rating"]):not([class*="prite"]):not([id*="prite"]):not([id*="lbImage"]) {
    background-image: none !important;
}

/* Main page background */
html, body {
    background: none #121212 !important;
    color: #e8e8e8 !important;
    /* direction: rtl; /* Enable only if targeting Arabic UI — BitcoinTalk is LTR by default */
}

/* Transparent descendants */
body * {
    background-color: transparent !important;
}

div[id] {
    background-color: inherit !important;
}

/* Non-icon spans */
span:not(:empty):not([class*="icon"]):not([id*="icon"]):not([class*="star"]):not([id*="star"]):not([id*="rating"]):not([class*="rating"]):not([class*="prite"]) {
    background: none transparent !important;
    border-color: #333 !important;
}

/* Main containers */
html:root > body > * > * > * > *:not(input):not([onclick]) > div:not(:empty):not([id]) {
    background: none #1E1E1E !important;
}

/* :::::::: Text & Semantic Elements :::::::: */
summary, details {
    background-color: inherit !important;
}

abbr, progress, time, label, .date {
    color: #b47cc7 !important; /* safe-purple */
}

mark, code, pre, blockquote, [class*="quote"], td[style*="inset"][class="alt2"] {
    background-color: #1a1a1a !important;
    color: #e8e8e8 !important;
    border-left: 3px solid #009e73 !important; /* safe-teal */
}

/* :::::::: Headings — Dual visual cues (border + color) :::::::: */
header, #header {
    background: linear-gradient(to bottom, #1E1E1E, #121212) !important;
    border-bottom: 1px solid #b47cc7 !important;
}

#header h1 {
    background-color: transparent !important;
}

h1, h2 {
    background: none #1E1E1E !important;
    color: #b47cc7 !important; /* safe-purple */
    border-right: 5px solid #b47cc7 !important;
    padding-right: 15px !important;
    margin: 12px 0 !important;
}

h3, h4 {
    background: none #1E1E1E !important;
    color: #009e73 !important; /* safe-teal */
    border-right: 5px solid #009e73 !important;
    padding-right: 15px !important;
    margin: 10px 0 !important;
}

h5, h6 {
    background: none #1E1E1E !important;
    color: #d55e00 !important; /* safe-orange */
    margin: 8px 0 !important;
}

/* :::::::: Links — always underlined :::::::: */
a:link, a:visited, a:link *:not(img), a:visited * {
    color: #0072b2 !important; /* safe-blue */
    text-decoration: underline !important;
    text-underline-offset: 4px !important;
}

a:hover, a:hover *:not(img) {
    color: #ffffff !important;
    background-color: rgba(213, 94, 0, 0.2) !important; /* safe-orange hover */
}

/* :::::::: Lists :::::::: */
dt {
    background-color: #232323 !important;
    border: 1px solid #444 !important;
}

dl, dd, li, ul {
    background-color: inherit !important;
}

/* :::::::: Tables :::::::: */
table {
    background-color: #1E1E1E !important;
    border-collapse: collapse !important;
    width: 100% !important;
    border: 1px solid #333 !important;
}

table table {
    background: #181818 !important;
}

th, caption {
    background-color: #0072b2 !important; /* safe-blue */
    color: #ffffff !important;
    border: 1px solid #444 !important;
    padding: 10px !important;
}

td {
    border: 1px solid #333 !important;
    padding: 8px !important;
}

/* :::::::: Inputs & Buttons — High contrast :::::::: */
input *, textarea * {
    color: #e8e8e8 !important;
}

html body input:not([type="image"]),
button,
html body textarea {
    background: none #1E1E1E !important;
    color: #e8e8e8 !important;
    border: 1px solid #666 !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* Preserve native appearance for accessibility */
html body input[type="checkbox"] {
    -moz-appearance: checkbox !important;
    -webkit-appearance: checkbox !important;
    appearance: checkbox !important;
}
html body input[type="radio"] {
    -moz-appearance: radio !important;
    -webkit-appearance: radio !important;
    appearance: radio !important;
}

/* Custom-styled buttons */
html:root input[type="button"],
html:root input[type="submit"],
html:root input[type="reset"],
html:root button {
    background: #0072b2 !important; /* safe-blue */
    color: #ffffff !important;
    border: 2px solid #ffffff !important;
    font-weight: bold !important;
    padding: 10px 20px !important;
    cursor: pointer;
}
html:root input[type="button"]:hover,
html:root button:hover {
    background: #d55e00 !important; /* safe-orange */
    outline: 2px solid #d55e00 !important;
}

/* Dropdowns */
select, option, optgroup {
    background: none #1E1E1E !important;
    border: 1px solid #666 !important;
    color: #e8e8e8 !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
}

/* :::::::: Status & Alerts — Pattern + Color :::::::: */
.current, .new, .got_new, .alert-success {
    color: #009e73 !important; /* safe-teal */
    border: 2px solid #009e73 !important;
    background: rgba(0, 158, 115, 0.1) !important;
}

.error, .offline, .locked, .alert-error {
    color: #d55e00 !important; /* safe-orange */
    border: 2px dashed #d55e00 !important;
    background: rgba(213, 94, 0, 0.1) !important;
}

/* :::::::: Misc Elements :::::::: */
address {
    background: none #232323 !important;
}

hr {
    border: 0;
    height: 1px;
    background: linear-gradient(to right, transparent, #0072b2, transparent) !important;
}

/* Remove decorative spacers */
img[src*="spacer"]:empty,
[id*="round"]:empty,
[class*="spacer"]:empty {
    background-image: none !important;
}

/* Menus & popups */
nav, menu,
[class*="open"], [id*="Dropdown"], [class*="popup"],
[class*="note"], [class*="detail"] {
    background-color: #1E1E1E !important;
    border: 1px solid #444 !important;
}

[class*="content"], [class*="container"] {
    background-color: #181818 !important;
}

/* Logo links */
[id*="masthead"] a,
[id*="header"] a,
[id*="logo"] a,
[class*="logo"] a {
    color: #b47cc7 !important;
}

/* Lightbox */
html:root body [class*="layer"],
html:root body #lightbox-nav,
html:root body #imageContainer {
    background-color: transparent !important;
}

/* :::::::: Universal Styles :::::::: */
* {
    color: #e8e8e8 !important;
    border-color: #444 !important;
    outline-color: #d55e00 !important; /* safe-orange for focus */
    text-shadow: none !important;
}

/* Focus for keyboard navigation */
*:focus {
    outline: 3px solid #d55e00 !important;
    outline-offset: 2px !important;
}

html *:before, html *:after {
    color: #e8e8e8 !important;
    border-color: #666 !important;
    background: transparent !important;
}

/* Clickable elements */
[onclick], [ondblclick], [onmousedown] {
    color: #d55e00 !important;
}

/* Images — enhanced contrast */
img {
    opacity: 0.85 !important;
    filter: saturate(0.8) contrast(1.1) !important;
    border-radius: 4px !important;
}
img:hover {
    opacity: 1 !important;
    box-shadow: 0 0 8px rgba(0, 114, 178, 0.4) !important;
}

svg {
    background: none #1E1E1E !important;
}

/* Selection */
::selection, ::-moz-selection {
    background-color: rgba(0, 114, 178, 0.3) !important;
    color: #000 !important;
}

/* Google fixes */
.g .r,
div.vsc:hover > .vspi {
    background: transparent !important;
    border: none !important;
}

[NotATether]

There is something wrong with the newest version. It seems to overwrite post content when clicking on "Post" or "Preview" when you quote a post, or when you edit your own post. And for blank new post it fails to post or preview completely because the message body is overwritten to blank.

I will investigate this and create a patch.

Edit: I created a patch, it will be submitted to the Github soon.

Edit 2: I created a Pull Request. @yhiaali3, please check the Github repo.

[yhiaali3]

There is something wrong with the newest version. It seems to overwrite post content when clicking on "Post" or "Preview" when you quote a post, or when you edit your own post. And for blank new post it fails to post or preview completely because the message body is overwritten to blank.

I will investigate this and create a patch.

Edit: I created a patch, it will be submitted to the Github soon.

Edit 2: I created a Pull Request. @yhiaali3, please check the Github repo.

Thank you @NotATether, for your insightful feedback.
I've merged the the pull request to the repository and I hope it's working properly.
I don't know what caused the problem. I'm working on a local copy after uploading Extension to GitHub and I didn't encounter this issue.

Anyway, thank you so much for resolving the problem and for uploading the extension to the Chrome Web Store.