[Userscript] Bitcointalk Modern Theme - Yet another Bitcointalk Skin

[babo]

if you want to do it, well, in the end that's fine too
just scroll up, I don't find it too annoying to be honest
Of course, if you set it to fixed, it becomes easier to click on and then in the end it's just a line of CSS,

Code:

position: fixed

and you're all set (instead of position:absolute)

[DYING_S0UL]

I installed it yesterday, and have been using it for 1 day. I like it a lot, especially the dark mode. I used the Dark Reader extension before.

However, I found a few bugs, such as the color palette not being able to be selected properly. That is, the selection indicator doesn't seem to move correctly.

On the first bug, I am not able to reproduce it. All the selection in the palette are correctly doable.

I think I know what he is facing right now, because I am able to produce that same bug!

That "selector circle" isn't moving freely over the palette. It's either you click at a certain point or manually add the values. But if you wanted to move it around, it won't. Now I don't know whether it's related to versions. Will have to test it out. My current version is v3.3.7. It's the latest one, right?

Look closely, I was trying to drag the selector, but I wasn't moving anywhere. Instead, it just selected the color where it got clicked.

[Dareo]

On the first bug, I am not able to reproduce it. All the selection in the palette are correctly doable.

I think I know what he is facing right now, because I am able to produce that same bug!

That "selector circle" isn't moving freely over the palette. It's either you click at a certain point or manually add the values. But if you wanted to move it around, it won't. Now I don't know whether it's related to versions. Will have to test it out. My current version is v3.3.7. It's the latest one, right?

Look closely, I was trying to drag the selector, but I wasn't moving anywhere. Instead, it just selected the color where it got clicked.

Exactly, I was talking about this problem. The selector is not dragging, only the color where you click is selected.

Anyway I hope fillippone sir will fix this in the next update. I am using dark mode almost all the time now, and I am quite satisfied with this tool so far.

[fillippone]

Anyway I hope fillippone sir will fix this in the next update. I am using dark mode almost all the time now, and I am quite satisfied with this tool so far.

I am away from my best setup right now, so I cannot be sure to do this now. I will do next week. When I can properly test everything before releasing it. I also noticed some weird stuff. So I will do a global overhaul of the project.

[fillippone]

New Version!
A lot of new features, a loto f new bugs corrected, a new, hopefully more functioning mobile theme and a total behind the scene code reworking!

Thanks for all your suggestions @babo, @taufik123 and @dareo (as well as all others that have contributed in the thread!)

I was ready for version 4.0.0, but some last second adjustment pushed me for 4.0.2

Code:

# Changelog

## 4.0.2 - 2026-08-08

This is the cumulative changelog from v3.3.7 through v4.0.2. Intermediate
development and patch versions are intentionally omitted.

### Added

#### Top 10 most relevant additions

* Added a floating settings panel that remains accessible while scrolling.
* Added Auto, Full, Balanced and Lite mobile-performance profiles.
* Added a Balanced engine that progressively preserves mobile topic icons, status colours, BBCode controls, smileys and post actions.
* Added real-time custom Main colour previews.
* Added real-time custom Accent colour previews.
* Added theme-aware locked-topic highlighting derived from the active Main palette.
* Added distinct sticky-topic highlighting derived from the active Main palette.
* Added viewport-aware enhancement processing for elements approaching the visible area.
* Added persistent read-post ranges for each visited topic.
* Added deterministic browser coverage for the complete settings and mobile experience.

#### Other additions

* Added developer credit to the settings panel.
* Added a link to the official Bitcointalk discussion thread.
* Added installed-version information and a visible local-build badge.
* Added explicit dialog accessibility state through `aria-expanded` and `aria-hidden`.
* Added a bounded mutation queue with idle scheduling.
* Added automatic mobile-mode re-evaluation after viewport and orientation changes.
* Added legacy inline-typography cleanup for upgrades without a full navigation.

### Changed

#### Top 10 most relevant changes

* Changed Auto to select Balanced on compact touch devices and Full elsewhere.
* Changed Balanced to retain all visible modernisations while spreading work across multiple idle cycles.
* Changed settings interactions to resolve on pointer release after checking for scroll or drag movement.
* Changed custom-colour confirmation to keep the active native input connected instead of rebuilding its row.
* Changed locked and sticky topic tints to follow Classic, yellow, pink, custom and dark palettes.
* Changed Merit, breadcrumb, header, news and compose typography to static scoped CSS.
* Changed theme application to update only attributes and CSS variables whose values actually changed.
* Changed storage-event handling so read-state updates no longer reapply the full theme.
* Changed optional font loading to a deferred, non-render-blocking process.
* Changed mobile visual optimisation from a universal animation rule to targeted component rules.

#### Other changes

* Changed the mobile control to cycle through Full, Balanced, Lite and Auto.
* Changed colour-swatch rendering to preserve unchanged input elements.
* Changed read-post shading to cover the complete post surface.
* Changed topic status restoration to preserve original inline backgrounds and priorities.
* Changed Mobile Balanced and Lite to use system fonts and reduced visual effects.
* Changed generated build metadata to use `package.json` as the single version source.
* Changed the settings panel to restore focus to its toggle when closed with Escape.

### Performance

#### Top 10 most relevant performance improvements

* Replaced mutation-triggered whole-document scans with processing limited to newly added DOM subtrees.
* Added deduplication of nested mutation roots before modernisation begins.
* Added bounded debounce and browser-idle scheduling for dynamic DOM work.
* Limited Balanced enhancement processing to a 7 ms budget per cycle.
* Deferred offscreen Balanced enhancements until they approach the viewport.
* Disconnected the main observer and cancelled queued work in Lite and OFF modes.
* Removed the permanent Merit-page observer.
* Removed recurring mass inline typography writes.
* Reduced initial theme application from multiple complete passes to one.
* Deferred Google Fonts and skipped their request entirely in OFF, Balanced and Lite.

#### Other performance improvements

* Ignored settings UI mutations and script-generated replacement nodes.
* Increased mutation coalescing in Balanced mode.
* Made replacement visibility updates idempotent.
* Made root theme attributes and CSS-variable writes idempotent.
* Cached unchanged colour-swatch markup.
* Cached the visible read-post signature to avoid repeated processing.
* Avoided storage writes when the read range has not changed.
* Removed the duplicate Merit runtime stylesheet.
* Replaced repeated sizing fallbacks with static CSS.
* Cancelled pending font work when switching to a performance mode.
* Rechecked the active mode before applying a completed font request.

### Fixed

#### Top 10 most relevant fixes

* Fixed settings controls requiring multiple clicks or taps before responding.
* Fixed controls activating accidentally when a touch gesture becomes panel scrolling.
* Fixed the settings toggle moving away while the page is scrolled.
* Fixed Safari iOS colour selection freezing after the first chosen colour.
* Fixed compose smileys appearing as encoding garbage instead of native emoji.
* Fixed custom-colour inputs being detached during native picker interaction.
* Fixed cancelled colour previews persisting or leaving temporary colours active.
* Fixed locked topics retaining an incoherent classic light-blue background in other palettes.
* Fixed compound locked and sticky SMF icons not marking the corresponding topic row.
* Fixed original controls and topic backgrounds not being restored correctly in OFF mode.

#### Other fixes

* Fixed compatible click events firing after a pointer drag.
* Fixed settings SVG elements intercepting pointer input.
* Fixed repeated native colour `change` events being unable to continue on the same input.
* Fixed custom live previews being committed before confirmation.
* Fixed locked and sticky hover states using unrelated colours.
* Fixed original inline background priority being lost during OFF restoration.
* Fixed unchanged preference events rebuilding colour inputs.
* Fixed optional fonts loading while the theme starts in OFF or a mobile performance mode.
* Fixed observer work continuing after the effective mode changes to Lite.
* Fixed duplicate typography styles and legacy sizing markers on Merit pages.
* Fixed read-post shading affecting only selected cells instead of the complete post.
* Fixed the external-link marker displaying as encoding garbage on legacy-encoded pages.
* Fixed the installed-version label by replacing its remaining encoding-sensitive separator.

### Tests

#### Top 10 most relevant test improvements

* Added deterministic first-click and first-tap settings tests.
* Added pointer-drag tests that prove controls do not activate while scrolling.
* Added native colour-input identity tests across repeated changes.
* Added live-preview, confirmation and cancellation tests for custom colours.
* Added locked and sticky topic detection and palette-tint tests.
* Added complete OFF-mode restoration tests.
* Added Balanced offscreen-deferral and viewport-activation tests.
* Added Balanced feature-retention and explicit Lite-path tests.
* Added byte-for-byte build/source parity and version-banner tests.
* Added static typography and live-page font validation.

#### Other test improvements

* Added fixed-position verification while the page scrolls.
* Added settings dialog ARIA-state and Escape-focus tests.
* Added mutation tests proving unrelated existing DOM is not rescanned.
* Added mobile mutation stress with batches of unrelated nodes.
* Added tests confirming optional fonts are absent in OFF and mobile performance modes.
* Added read-post tracking assertions for dynamically inserted content.
* Added verification that standard and local builds share an identical userscript body.
* Added generated-file audits for personal names and local machine paths.

Here the new settings panel!



Beautiful, isn't it?

Just let me know if you find something, or if you want a new feature!

If you have already installed the theme, update it.
You can install the script from here: bitcointalk modern theme
You can find the code here

[*Ace*]

Beautiful, beautiful, very beautiful!
Finally I was able to try this theme on my smartphone without any lag issues!
Balanced mode is a real boon for slower-running devices like mine, but without sacrificing all the features and enhancements that full mode offers!
Congrats again bro

[Dareo]

New Version!
-snip-

Wow, the update is so fast!   It's really working better now than before. I even installed it on my mobile device and it automatically selects "Mobile: Balanced" mode, which is a pretty essential feature. And color palette too. I like a slightly faded dark mode, so I can easily do that myself.

Anyway, if you don't mind, I'd like to give another suggestion, which is to add an option to change the color of the Reading shade. This will allow the user to select the color of the reading shade as per their preference. I don't know how useful this can be.

[DYING_S0UL]

fillippone, I don't want to spoil the moods, all of us celebrating with this new update, you have added/fixed a lot of things. But I'm having a little problem after updating.

When in any Dark theme, there is a split second white flash, when you navigate through the forum, visit different pages & threads. You know like when you take a photo with your flash on? That thing is happening right now. It wasn't there before when I was on version 3.x.x. It came with the latest build.

Note that this flash is very noticeable, annoying, and hurtful to the eyes! (for someone who has been scrolling through the forum for hours, in dark mode, and then suddenly sees a white flash, you surely know that a nightmare for everyone) 

[fillippone]

fillippone, I don't want to spoil the moods, all of us celebrating with this new update, you have added/fixed a lot of things. But I'm having a little problem after updating.

Very strange, as I didn’t notice it.
Well, I know Safari does it sometime, and that Chrome is better at that.
Anyway I will try to reproduce it and fix it, eventually giving to my junior programmers the gif you created.
I will keep you posted.

Edit: Safari on iPhone doesn’t do that

[DYING_S0UL]

fillippone, ...snip-

Very strange, as I didn’t notice it.
Well, I know Safari does it sometime, and that Chrome is better at that.
Anyway I will try to reproduce it and fix it, eventually giving to my junior programmers the gif you created.
I will keep you posted.

You have a junior programmer? (by any chance is it Claude or Codex? )



Well, this particular bug wasn't that strange to me at all. In fact, I have encountered it many times, with all the other theme changer tools that came before yours. The most common cause was "When we refresh the page, or go somewhere else, it takes a split second to replace the relevant CSS code (theme related). And when that happens, we see the "Default theme" for a brief moment". This was the final conclusion.

Btw, I was on Brave!