[Userscript] 🎨Tema Modern Untuk Bitcointalk - 🖥️Desktop &📱Mobile

[taufik123]

Thread Rujukan: [Userscript] Bitcointalk Modern Theme - Yet another Bitcointalk Skin
Author: fillippone

Terinsiprasi dari thread asli dari fillippone tentang Tampilan Bitcointalk dengan tema baru yang lebih modern
Membuat saya tertarik dan ingin membagikannya di SFI.

Tema asli Bitcointalk memang tidak bisa tergantikan dan itu jadi identitas bagi forum ini, Tapi tampilan baru ini hanya sebagai opsional saja apakah ingin mencoba kombinasi warna lain atau tidak.

Yang di tampilkan pada Tema Baru ini:
1. Tampilan forum yang lebih modern
2. Pilihan tema Terang, Gelap, atau Otomatis
3. Kemampuan untuk menyesuaikan tampilan forum, setidaknya warna utama (primary) dan warna aksen (accent)

fillippone membuat script ini menggunakan Claude AI dengan beberapa kali percobaan serta banyak melakukan sesi debugging dan akhirnya bisa di rilis secara publik.

Karena kode script sering di perbarui, Kode tidak langsung di tempel disini.
Kamu bisa langsung mengunjungi link yang saya sematkan dibawah untuk menginstal Script terbaru,
dan akan saya sematkan log update terbaru untuk script ini.

Instal Script Dari Halaman ini: bitcointalk modern theme
Kamu dapat menemukan kodenya di sini

Untuk bisa menggunakan script tersebut, anda harus memilih dan menginstal Script Manager yang cocok dengan Browser yang anda gunakan.
Saya sendiri biasanya menggunakan Tampermonkey untuk Browser Firefox.

Chrome: Tampermonkey
Firefox: Greasemonkey, Tampermonkey, or Violentmonkey
Safari: Tampermonkey or Userscripts
Microsoft Edge: Tampermonkey
Opera: Tampermonkey or Violentmonkey
Maxthon: Violentmonkey
AdGuard: (no additional software required)

Untuk pengguna Mobile Android & iOS bisa baca informasi di halaman ini Android & iOS



Contoh Tampilan:

Tema Light Classic ( default )	Tema Dark	Tema Pink ( Custom )
Tema New Post	Tema Board	Panel Kontrol

Update:
Sudah di update dengan scripst versi Mobile untuk ponsel lama yang mungkin kesulitan menjalankan tema dengan semua efek tampilannya. Jika halaman terasa lambat saat dimuat atau digulir ketika menggunakan tema ini di ponsel, cukup aktifkan Mode Mobile melalui tombol pengalih (toggle) di panel Pengaturan.
Mode ini akan mengurangi beberapa elemen estetika dan efek visual yang membebani tema, sehingga kinerja menjadi lebih ringan dan pengalaman menggunakan forum tetap lancar pada perangkat dengan spesifikasi yang lebih rendah, tanpa menghilangkan fitur-fitur utama dari tema tersebut.

Fitur baru ditambahkan: Penanda Postingan yang Sudah Dibaca.
Skrip kini mengingat postingan terakhir yang telah Anda baca dan memberikan warna latar yang lebih terang pada postingan yang sebelumnya sudah dimuat.
Fitur ini menyimpan riwayat postingan yang telah dibaca secara lokal untuk setiap topik di Bitcointalk.
Saat halaman sebuah topik dimuat, skrip akan memeriksa nomor setiap postingan yang terlihat dan membandingkannya dengan rentang postingan yang sebelumnya telah disimpan sebagai sudah dibaca pada topik tersebut.
Jika nomor postingan berada dalam rentang tersebut, postingan akan diberi penanda berupa latar berwarna lembut sebagai indikator bahwa postingan tersebut sudah pernah dibaca.
Setelah halaman selesai diproses, skrip akan menyimpan rentang postingan yang dimuat pada kunjungan tersebut.

Tersedia juga opsi di menu Pengaturan untuk menonaktifkan penandaan postingan yang sudah dibaca maupun penyimpanan riwayat pembacaan.


Read post features: read posts are shaded

Ini lebih merupakan proyek yang dikembangkan secara mandiri (self-paced), bukan sesuatu yang dibuat untuk didistribusikan secara luas.
Karena itu, silakan gunakan, salin, kembangkan, dan bagikan proyek ini di bawah lisensi MIT.

Masukan, saran, maupun kritik sangat saya harapkan!


Sertifikasi Kode Babo: Kode telah diverifikasi dan dinyatakan aman.

Install from here: Bitcointalk modern theme
You can find the code here

[taufik123]

UPDATE:

2.9.2.
3 Mei 2026
Fitur BarU
SWITCH KILL
Kini Anda dapat menonaktifkan tema langsung melalui panel Pengaturan, sehingga tampilan akan kembali ke situs Bitcointalk versi asli.
Untuk mengaktifkannya kembali, cukup klik tombol ON.

Perbaikan
- Memperbaiki konsistensi warna pada Mode Gelap; kini seluruh teks ditampilkan dengan warna yang sesuai.
- Tema kini kembali menggunakan warna latar bergantian seperti pada tampilan klasik Bitcointalk.org, sehingga tidak lagi menggunakan latar belakang yang seragam.
- Menambahkan Tema Klasik (Default) yang meniru skema warna Bitcointalk versi lama.
- Tautan (link) kini disorot menggunakan warna aksen.
- jika pengaturan AUTO digunakan, warna aksen akan otomatis disesuaikan dengan warna utama tema.
- Tema terakhir yang digunakan kini akan dimuat kembali secara otomatis saat Bitcointalk dibuka kembali[/li][/list]

Permintaan Fitur
* Analisis keamanan kode oleh Babo Code.
* Transisi yang lebih mulus di Safari, tanpa kilatan tampilan situs lama saat halaman dimuat.
* Desain ulang tampilan teks kutipan (quoted text).
* Pemeriksaan dan penyempurnaan konsistensi antarmuka secara keseluruhan.

Apabila tema ini sudah terpasang, harap lakukan pembaruan ke versi terbaru.
Skrip ini dapat diinstal melalui tautan berikut: bitcointalk modern theme
You can find the code here

2.10.39
9 Mei 2026
Versi Baru!
Kali ini tidak ada fitur baru, tetapi ada banyak perbaikan bug.
Saya menghabiskan sekitar satu minggu untuk memperbaiki berbagai bug yang saya temukan selama penggunaan tema ini dalam seminggu terakhir.

Perbaikan Bug
- Mode OFF kini dapat mengembalikan tombol BBCode dan aksi postingan ke tampilan asli dengan benar.
- Warna hex yang disimpan maupun warna kustom kini divalidasi (disanitasi) sebelum diterapkan ke HTML/CSS untuk meningkatkan keamanan dan mencegah kesalahan tampilan.
- Penyesuaian kosmetik pada jenis dan ukuran font.
- Penyesuaian tampilan antarmuka, termasuk ukuran tombol, ikon, dan gradasi warna.
- Ikon daftar topik dan legenda bergaya lama telah diperbarui dengan tampilan yang lebih modern.
- Gaya bawaan kini lebih selaras dengan tampilan klasik Bitcointalk, namun tetap mempertahankan nuansa modern.
- Berbagai perbaikan kecil lainnya.

3.0.37
17 Mei 2026
Peningkatan Fitur
- Mode Mobile telah ditambahkan. Fitur ini dapat diaktifkan melalui tombol toggle di panel Pengaturan.
- Mode ini memungkinkan Anda menonaktifkan sebagian fitur visual agar tema dapat berjalan lebih ringan pada perangkat seluler dengan spesifikasi lebih rendah.
- Penggunaan Mode Mobile bersifat opsional.  
  Jika Anda menggunakan ponsel yang cukup bertenaga, Anda tetap dapat menikmati seluruh fitur tema tanpa mengaktifkan mode ini.
   (Terima kasih kepada @Ace atas masukannya.)

Perbaikan Bug
- Ukuran font pada area penulisan pesan (Compose Message) telah diperbesar agar lebih nyaman digunakan.
- Jenis dan ukuran font pada Pesan Pribadi (Private Messages) kini diseragamkan dengan area penulisan postingan.
- Header pada blok kode (Code Header) kini sejajar dengan blok kodenya. (Terima kasih kepada @Niekko.)
- Berbagai penyesuaian kecil lainnya untuk membuat pengalaman penggunaan tema menjadi lebih halus dan responsif.

3.2.2
14 juni 2026
Fitur Baru
- Peningkatan kode dan optimasi performa di balik layar.
Perbaikan Bug
- MirrorTab: Padding tombol diperkecil sehingga Topic Action Bar kini muat dalam satu baris. (Terima kasih @Niekko.)

3.2.4.1
23 juni 2026
Perbaikan Bug
- Perbaikan minor. (Terima kasih @Niekko.)

3.3.6
4 Juli 2026
Ditambahkan
- Pelacakan postingan yang telah dibaca untuk setiap topik.
- Postingan yang sudah dibaca kini diberi penanda saat membuka kembali topik.
- Riwayat baca disimpan secara lokal.
- Opsi untuk mengaktifkan/menonaktifkan penanda postingan yang telah dibaca di Pengaturan.

Perubahan
- Tampilan penanda postingan yang telah dibaca diperbaiki pada tema terang dan gelap.
- Penanda kini diterapkan secara konsisten pada seluruh blok postingan.
- Performa panel Pengaturan dan fitur penanda baca dioptimalkan.

Perbaikan
- Memperbaiki bilah aksi topik yang terlipat.
- Memperbaiki penanda baca yang salah menandai postingan yang dilewati.
- Memperbaiki penanda baca yang kurang terlihat pada tema gelap.
- Memperbaiki bingkai putih pada tema terang.
- Memperbaiki panel Pengaturan yang lambat atau tidak responsif pada halaman yang panjang.

3.3.7
18 Juli 2026
Perbaikan
- Tombol Pengaturan kini selalu terbuka dengan baik pada klik atau ketukan pertama.
- Ikon Pengaturan tidak lagi mengganggu area klik, sehingga lebih responsif.
- Penanda postingan yang telah dibaca kini diterapkan pada seluruh blok postingan, bukan hanya teks atau latar tertentu.
- Penanda postingan yang telah dibaca kini tampil konsisten pada tema terang maupun gelap, tanpa mengganggu tautan atau tombol.

[fillippone]

Thank you taufik123  for this translation.
I hope  the user of the Indonesian board will find this extension useful.
Please report me any improvement you might require or bug you find!


Courtesy Indonesian translation by DeepL.com

Terima kasih, Taufik, atas terjemahan ini.
Saya harap para pengguna forum Indonesia akan merasa ekstensi ini bermanfaat.
Silakan laporkan kepada saya jika ada saran perbaikan yang Anda butuhkan atau bug yang Anda temukan!

[taufik123]

UPDATE TERBARU!

v 4.06

Code:

* Mengembalikan tampilan asli Bitcointalk berupa warna merah, [b]teks tebal (bold)[/b], dan [i]teks miring (italic)[/i] untuk feedback Trust negatif, baik pada tema terang maupun gelap.
* Mengembalikan penggunaan font klasik Verdana khusus pada tabel Trust feedback yang diterima, tidak dipercaya [i](untrusted)[/i], dan dikirim [i](sent)[/i], tanpa mengubah bagian lain dari tema modern.

Update kecil, tapi satu ketidakkonsistenan lagi akhirnya berhasil diperbaiki.

v4.0.7
Saya melakukan *REFACTOR pada keseluruhan proyek dengan bantuan "Junior Developer" baru yang lebih baik.

* Merapikan atau menyusun ulang kode/program tanpa mengubah fungsi utamanya.

Code:

v4.0.7

***Ditambahkan

* Menambahkan fallback reduced-motion yang selalu aktif, yang akan menonaktifkan animasi tema, transisi, dan smooth scrolling ketika pengaturan tersebut diminta oleh sistem operasi.

***Diperbaiki

* Mempertahankan gambar status topik standalone yang tidak didukung agar tetap terlihat, daripada menyembunyikannya tanpa pengganti, serta memperbaiki resolusi judul topik yang secara persis bernama “New”.
* Menghapus stylesheet font opsional ketika beralih ke Balanced, Lite, atau OFF, serta membersihkan startup paint guard yang sudah selesai digunakan.
* Menjamin kontras WCAG AA untuk label aksen yang dibuat secara otomatis dan label navigasi aktif pada tema terang.
* Mengembalikan pembaruan incremental untuk jumlah PM yang belum dibaca dan tab menu yang diisi secara dinamis.
* Menambahkan semantik keyboard, nama yang dapat diakses, dan tampilan fokus yang terlihat pada kontrol pengganti standalone, serta menambahkan tampilan fokus yang sebelumnya belum ada pada kolom URL dan angka.

One small patch for Bitcointalk, one giant leap out of 2009 🚀
''Quote from fillippone

[taufik123]

UPDATE TERBARU!

v 4.0.9
fillippone merombak seluruh proyek dengan bantuan Junior Dev versi baru yang lebih baik, membuat tema agar lebih ringan saat dimuat, serta melakukan beberapa penyesuaian estetik agar lebih menarik.

Code:

v 4.0.9

- Bilah navigasi desktop dibuat lebih ramping, dari 34px menjadi 26px.
- Garis pemisah, status aktif, indikator pesan belum dibaca, dan fokus keyboard tetap dipertahankan.
- Proses penataan navigasi dipercepat dengan menghapus selektor CSS yang membutuhkan banyak sumber daya.
- Penanganan pembaruan halaman secara dinamis dibuat lebih efisien.
- Pembacaan preferensi yang berulang dikurangi untuk mengurangi beban kerja browser.
- Bilah tindakan pada topik dan pesan dioptimalkan.
- Build lokal baru dengan penanda versi, serta badge LOCAL dan versi berwarna merah.
- Pemeriksaan konsistensi otomatis diterapkan pada build source, public, dan local.
- Pengujian regresi baru ditambahkan untuk mencakup mode Full, Balanced, dan Lite, tema terang dan gelap, serta berbagai ukuran viewport (area tampilan).

“Slimmer on top, faster under the hood.”
“Lebih ramping di tampilan, lebih cepat di balik layar.”

[Husna QA]

UPDATE TERBARU!

v 4.0.9
fillippone merombak seluruh proyek dengan bantuan Junior Dev versi baru yang lebih baik, membuat tema agar lebih ringan saat dimuat, serta melakukan beberapa penyesuaian estetik agar lebih menarik.
—snip—

Saya sendiri belum mencoba userscript ini, jadi belum bisa memberikan hasil pengalaman langsung ketika menggunakan versi awal dengan versi ter-update di atas dimana di klaim sudah lebih ringan ketika digunakan.

Btw, apakah agan @taufik123 sudah menggunakan versi ter-update tersebut?
Sekedar saran, mungkin bisa ditambahkan screenshot pada setiap update-nya terutama jika ada perubahan pada GUI yang nampak berbeda dengan versi sebelumnya (kalau untuk performa jelas tidak bisa ditampilkan). Contoh seperti pada hal yang berikut ini:

Code:

v 4.0.9

- Bilah navigasi desktop dibuat lebih ramping, dari 34px menjadi 26px.