Streaming terasa sama di mana-mana sekarang. Poster tiga kolom yang sama, trailer pemutaran otomatis yang sama, baris algoritmik yang sama yang sebagian besar mendaur ulang apa yang sudah Anda tonton. Cukup banyak orang di forum self-hosted mulai menampilkan instance Jellyfin mereka untuk terlihat seperti rak di Blockbuster tahun 1990-an, dan ternyata memilih film lebih menyenangkan ketika Anda harus berjalan di sekitar lorong.
Ini adalah ringkasan tema komunitas dan skin CSS yang kami jalankan di Jellyfin 10.10 untuk membawa kembali nuansa toko video. Beberapa adalah perombakan kosmetik murni, beberapa menambahkan pola UI baru di atasnya, dan salah satu adalah plugin yang memungkinkan Anda benar-benar berjalan di antara rak. Tidak ada yang memerlukan menyentuh biner server; semuanya jatuh sebagai blok CSS Kustom atau plugin.
Apa yang perlu diperhatikan dalam tema Jellyfin
- Apakah hanya CSS atau memerlukan plugin (CSS lebih mudah ditarik jika Anda membencinya)
- Seberapa baik cara kerjanya untuk film dan acara TV (beberapa tema mengasumsikan film)
- Apakah dapat bertahan dari pembaruan bulanan Jellyfin tanpa kerusakan
- Dukungan untuk tampilan web mobile, karena setengah rumah tangga menggunakan ponsel
- Apakah font dan ikon dimuat dari CDN atau dikirim inline (penting jika Jellyfin Anda offline)
Perbandingan cepat
| Tema | Gaya | Jenis | Memerlukan plugin | Aktif dirawat |
|---|---|---|---|---|
| Ceramic | Glass modern | CSS | Tidak | Ya |
| Zombie | Pudar, condong horor | CSS | Tidak | Ya |
| Novachrome | Vaporwave, neon | CSS | Tidak | Ya |
| Blockbuster CSS | Toko penyewaan video tahun 1990-an | CSS | Tidak | Ya |
| Finance | Padat data, tampilan terminal | CSS | Tidak | Ya |
| Prometheus | Minimalis gelap | CSS | Tidak | Ya |
| Jellyscrub | Bukan tema; thumbnail scrubbing | Plugin | Ya | Ya |
Tema-tema
1. Ceramic, yang paling mirip upgrade default
Ceramic adalah yang ditunjuk semua orang ketika self-hoster baru menanyakan apa yang harus dipasang terlebih dahulu. Ini membulatkan sudut, melunakkan latar belakang, dan menambahkan efek kaca beku pada header. Ini bukan retro, tetapi ini adalah tema yang paling banyak orang tumpuk di atasnya. Muat melalui Dashboard, General, Custom CSS.
Di mana ia jatuh pendek: tidak benar-benar retro, jadi jika Anda datang ke sini untuk estetika VHS terus gulir. Beberapa plugin pihak ketiga bertentangan dengan aturan z-index-nya.
Harga: Gratis, open-source di bawah MIT.
Platform: Web UI di browser modern apa pun; port dari CSS yang sama berfungsi di aplikasi desktop Jellyfin.
Unduh: github.com/CTalvio/Ceramic
Garis bawah: Bukan fantasi penyewaan video, tetapi titik awal paling bersih sebelum Anda menumpuk sesuatu yang lebih liar.
2. Zombie, gotik dan gelap
Zombie mengambil dasar Ceramic yang sama dan menggelapkan segalanya. Bayangan poster duduk lebih berat, latar belakang cenderung merah darah saat hover, dan layar login terlihat seperti milik perpustakaan film horor. Jika Jellyfin Anda berjalan sebagian besar horor dan eksploitasi tahun 1970-an, ini adalah suasananya.
Di mana ia jatuh pendek: palet yang pudar melukai laptop OLED di ruangan terang. Kontras teks menurun di bawah WCAG AA di beberapa sudut halaman pengaturan.
Harga: Gratis, berlisensi MIT.
Platform: Web UI, aplikasi desktop.
Unduh: github.com/CTalvio/Zombie
Garis bawah: Untuk sudut rumah tangga yang terobsesi horor.
3. Novachrome, vaporwave neon
Novachrome adalah tempat sudut retro mulai mengenai. Gradien kromatik pada header bagian, keadaan hover magenta dan cyan, dan overlay scanline pada poster video. Terlihat seperti layar menu Hotline Miami, yang bisa menyenangkan atau memicu migrain tergantung toleransi Anda. Pengelola terus mengikuti perubahan UI Jellyfin.
Di mana ia jatuh pendek: tidak halus. Tamu akan berkomentar. Juga teks gradien bisa terlihat keruh pada layar DPI rendah.
Harga: Gratis.
Platform: Web UI, aplikasi desktop.
Unduh: github.com/lscambo13/Novachrome
Garis bawah: Pilihan saat Anda ingin orang berhenti dan bertanya apa itu Jellyfin.
4. Blockbuster CSS, toko penyewaan video tahun 1990-an
Blockbuster CSS adalah alasan artikel ini ada. Spanduk kuning-biru di atas, kartu poster berbentuk seperti pita VHS, dan pita kategori yang berbunyi “Rilis Baru” dan “Pilihan Staf” bukan “Lanjutkan Menonton.” Jelajahi perpustakaan Anda seperti yang Anda jelajahi gang-gang itu. Tidak ada plugin di belakangnya, hanya satu blok CSS yang Anda tempel ke Custom CSS.
Di mana ia jatuh pendek: mengasumsikan Anda memiliki seni poster kualitas penuh. Poster yang dihasilkan secara otomatis terlihat salah di dalam bingkai VHS. Juga ikon pita kaset di acara TV cantik selama seminggu, lalu Anda menginginkan mereka mati.
Harga: Gratis.
Platform: Web UI di setiap browser yang didukung Jellyfin.
Unduh: github.com/jellyfin-blockbuster-css (fork komunitas, cari tema Blockbuster)
Garis bawah: Estetika toko penyewaan video tahun 1990-an yang persis. Jika Anda mengklik artikel ini untuk satu tema, ini dia.
5. Finance, kepadatan terminal
Finance berjalan ke arah yang berlawanan, mengemas informasi lebih banyak per layar daripada Jellyfin default. Hitungan episode, bar persentase ditonton, dan lencana codec muncul di setiap poster. Jika Blockbuster adalah pilihan estetika, Finance adalah pilihan pustakawan.
Di mana ia jatuh pendek: kepadatan informasi tinggi, yang berarti apa pun yang lebih sedikit dari 1440p membungkus dengan canggung. Ini juga mengasumsikan Anda menjaga metadata yang baik; data scrape yang hilang meninggalkan baris kosong di lencana.
Harga: Gratis.
Platform: Web UI, aplikasi desktop.
Unduh: github.com/CTalvio/Monochromic (Finance dikirim dalam paket Monochromic)
Garis bawah: Pilihan terbaik jika Anda menginginkan informasi lebih banyak pada kisi poster daripada yang biasanya ditunjukkan layanan streaming.
6. Prometheus, gelap dan minimalis
Prometheus adalah pilihan “kurang berarti lebih”. Latar belakang hitam, judul satu baris, tanpa bayangan, tanpa gradien. Ini adalah apa yang Jellyfin terlihat jika Apple merancangnya. Sama sekali tidak retro, tetapi disertakan di sini karena ini adalah basis umum untuk modding lebih lanjut.
Di mana ia jatuh pendek: ketat sampai terasa tidak bermerek. Beberapa pengguna melaporkan tombol login kehilangan status hover di Firefox.
Harga: Gratis.
Platform: Web UI, aplikasi desktop.
Unduh: github.com/prometheus-jellyfin-theme
Garis bawah: Kanvas netral untuk membangun tampilan Anda sendiri.
7. Jellyscrub, bukan tema tetapi penting
Jellyscrub adalah plugin, bukan tema CSS, tetapi tidak ada Jellyfin bertema retro yang terasa lengkap tanpanya. Ini meregenerasi thumbnail scrubbing yang ditunjukkan layanan streaming saat Anda menyeret bilah kemajuan, sehingga mencari melalui film dua jam benar-benar berfungsi. Pasang sekali, biarkan membuat file trickplay, lupa itu ada.
Di mana ia jatuh pendek: pembuatan thumbnail awal memerlukan CPU yang berat. Di NAS ini membutuhkan waktu berjam-jam pertama kali. Juga, Jellyfin sekarang dikirim dengan generator trickplay built-in, jadi peran Jellyscrub lebih kecil dari dua tahun lalu; beberapa pengguna dapat melewatinya.
Harga: Gratis, GPLv3.
Platform: Server Jellyfin (Linux, Windows, macOS, Docker).
Unduh: github.com/nicknsy/jellyscrub
Garis bawah: Pasang bersama tema apa pun sehingga scrubbing terasa seperti Netflix, bukan 2004.
Cara memilih tema yang tepat
Jika Anda menginginkan nuansa rak Blockbuster yang sebenarnya: Blockbuster CSS, tanpa pertanyaan.
Jika Anda menginginkan vibes retro-neon tanpa komitmen penuh pada toko penyewaan: Novachrome.
Jika Anda menyimpan perpustakaan dengan beban horor: Zombie.
Jika Anda menginginkan default yang lebih bersih tanpa estetika yang kuat: Ceramic atau Prometheus.
Jika Anda peduli lebih banyak tentang kepadatan informasi daripada suasana hati: Finance.
Dan terlepas dari tema mana yang Anda pilih, pasang Jellyscrub atau aktifkan generator trickplay Jellyfin sendiri agar scrubbing berfungsi.
FAQ
Apakah tema Jellyfin berfungsi di aplikasi mobile?
Tema CSS hanya berlaku untuk web UI. Aplikasi mobile Jellyfin asli mengabaikan Custom CSS. Beberapa tema memiliki fork komunitas yang dikirim sebagai styling WebView, tetapi aplikasi mobile resmi menggunakan tata letak mereka sendiri.
Apakah menginstal tema Jellyfin akan rusak di update?
Kadang. Tema yang terikat pada nama kelas CSS tertentu kadang rusak ketika frontend Jellyfin di-refactor. Tema aktif di daftar ini melacak upstream dan biasanya mengirim perbaikan dalam seminggu setelah rilis Jellyfin.
Di mana saya menempel CSS kustom di Jellyfin?
Dashboard, General, kemudian gulir ke bidang Custom CSS. Tempel CSS tema di sana dan simpan. Muat ulang halaman dan tema berlaku segera.
Bisakah saya menggabungkan beberapa tema Jellyfin?
Ya, tetapi berharap konflik visual. Beberapa tema bersifat aditif (Jellyscrub adalah plugin, bukan CSS), tetapi menumpuk dua tema warna biasanya menghasilkan kekacauan. Lapisi satu tema dasar, kemudian tambahkan tweak kecil secara manual.
Apakah ada tema Jellyfin yang terlihat seperti Netflix?
Ya, beberapa. Cari subreddit Jellyfin untuk “tema Netflix” dan Anda akan menemukan segenggam paket CSS yang mirip Netflix. Tidak ada yang dirawat secara resmi; perlakukan sebagai percobaan.
