Thèmes Jellyfin rétro

Le streaming semble identique partout maintenant. Les mêmes affiches trois colonnes, la même bande-annonce de lecture automatique, la même ligne algorithmique qui recycle principalement ce que vous avez déjà regardé. Suffisamment de gens sur les forums self-hosted ont commencé à styliser leur instance Jellyfin pour ressembler aux rayons d’un Blockbuster des années 1990, et il s’avère que choisir un film est plus amusant quand on doit marcher dans les allées.

Ceci est une compilation des thèmes communautaires et des skins CSS que nous avons exécutés sur Jellyfin 10.10 pour retrouver cette ambiance de magasin vidéo. Certains sont des refonte purement cosmétique, d’autres ajoutent de nouveaux modèles d’interface utilisateur, et l’un d’eux est un plugin qui vous permet littéralement de marcher entre les rayons. Aucun ne nécessite de toucher au binaire du serveur; tous se téléchargent sous forme de bloc CSS personnalisé ou de plugin.

Ce qu’il faut rechercher dans un thème Jellyfin

Comparaison rapide

Thème Style Type Requiert un plugin Maintenu activement
Ceramic Verre moderne CSS Non Oui
Zombie Tamisé, tendance horreur CSS Non Oui
Novachrome Vaporwave, néon CSS Non Oui
Blockbuster CSS Location vidéo années 1990 CSS Non Oui
Finance Dense en données, look terminal CSS Non Oui
Prometheus Minimaliste sombre CSS Non Oui
Jellyscrub Pas un thème; thumbnails de scrubbing Plugin Oui Oui

Les thèmes

1. Ceramic, la chose la plus proche d’une amélioration par défaut

Ceramic est ce vers lequel tout le monde pointe quand les nouveaux auto-hébergeurs demandent quoi installer en premier. Il arrondit les coins, adoucit le fond et ajoute un effet de verre dépoli à l’en-tête. Ce n’est pas rétro, mais c’est le thème que la plupart des gens empilent d’autres choses dessus. Chargez-le via Dashboard, General, CSS personnalisé.

Où il échoue: pas vraiment rétro, donc si vous êtes venu ici pour l’esthétique VHS continuez à défiler. Certains plugins tiers entrent en conflit avec ses règles de z-index.

Prix: Gratuit, open-source sous MIT.

Plateformes: Interface web dans n’importe quel navigateur moderne; les ports du même CSS fonctionnent dans l’application de bureau Jellyfin.

Télécharger: github.com/CTalvio/Ceramic

Résumé: Pas la fantasie de la location, mais le point de départ le plus propre avant d’ajouter quelque chose de plus sauvage.

2. Zombie, gothique et sombre

Zombie reprend la même base Ceramic et assombrit tout. Les ombres des affiches s’assoient plus lourdement, le fond tend vers le rouge sang au survol, et l’écran de connexion ressemble à celui d’une vidéothèque d’horreur. Si votre Jellyfin exécute principalement de l’horreur et de l’exploitation des années 1970, c’est l’ambiance.

Où il échoue: la palette atténuée blesse sur les ordinateurs portables OLED dans les pièces lumineuses. Le contraste du texte tombe en dessous du niveau AA WCAG dans quelques coins des pages de paramètres.

Prix: Gratuit, sous licence MIT.

Plateformes: Interface web, application de bureau.

Télécharger: github.com/CTalvio/Zombie

Résumé: Pour le coin de la maison obsédé par l’horreur.

3. Novachrome, néon vaporwave

Novachrome est où le côté rétro commence à frapper. Dégradés chromatiques sur les en-têtes de section, états de survol magenta et cyan, et une superposition de lignes de balayage sur les affiches vidéo. Cela ressemble à un écran de menu Hotline Miami, ce qui est soit délicieux, soit déclencheur de migraine selon votre tolérance. Le responsable suit les changements d’interface utilisateur de Jellyfin.

Où il échoue: pas subtil. Les invités commenteront. Aussi le texte en dégradé peut paraître trouble sur les affichages basse résolution.

Prix: Gratuit.

Plateformes: Interface web, application de bureau.

Télécharger: github.com/lscambo13/Novachrome

Résumé: Le choix quand vous voulez que les gens s’arrêtent et demandent ce qu’est Jellyfin.

4. Blockbuster CSS, le magasin vidéo des années 1990

Blockbuster CSS est la raison pour laquelle cet article existe. Bannière jaune et bleu en haut, cartes d’affiches en forme de cassette VHS, et des rubans de catégorie qui disent « Nouvelles Sorties » et « Choix du Personnel » au lieu de « Continuer à regarder ». Parcourez votre bibliothèque comme vous avez parcouru ces allées. Il n’y a pas de plugin derrière, juste un seul bloc CSS que vous collez dans CSS personnalisé.

Où il échoue: suppose que vous disposez d’affiches de qualité supérieure. Les affiches générées automatiquement ressemblent mal à l’intérieur du cadre VHS. Aussi les icônes de cassette sur les séries TV sont mignonnes pendant une semaine, puis vous les voulez désactivées.

Prix: Gratuit.

Plateformes: Interface web dans chaque navigateur supporté par Jellyfin.

Télécharger: github.com/jellyfin-blockbuster-css (fork communautaire, recherchez le thème Blockbuster)

Résumé: L’esthétique exacte du magasin vidéo des années 1990 qui a lancé tout cela. Si vous avez cliqué sur cet article pour un thème, c’est celui-ci.

5. Finance, densité terminale

Finance va dans la direction opposée, emballant plus d’informations par écran que le Jellyfin par défaut. Les décomptes d’épisodes, les barres de pourcentage regardées et les badges codec apparaissent sur chaque affiche. Si Blockbuster est le choix esthétique, Finance est le choix du bibliothécaire.

Où il échoue: la densité d’information est élevée, ce qui signifie que tout ce qui est inférieur à 1440p s’enroule maladroitement. Il suppose également que vous maintenez de bonnes métadonnées; les données manquantes laissent des lignes vides dans les badges.

Prix: Gratuit.

Plateformes: Interface web, application de bureau.

Télécharger: github.com/CTalvio/Monochromic (Finance est livré dans le pack Monochromic)

Résumé: Meilleur choix si vous voulez plus d’informations sur la grille d’affiches que ce qu’un service de streaming affiche généralement.

6. Prometheus, sombre et minimaliste

Prometheus est le choix « moins c’est plus ». Fond noir, titres sur une ligne, pas d’ombres, pas de dégradés. C’est ce que Jellyfin ressemblerait si Apple l’avait conçu. Pas du tout rétro, mais inclus ici car c’est une base commune pour la modification ultérieure.

Où il échoue: austère jusqu’au point de sembler sans marque. Certains utilisateurs signalent que le bouton de connexion perd son état de survol sur Firefox.

Prix: Gratuit.

Plateformes: Interface web, application de bureau.

Télécharger: github.com/prometheus-jellyfin-theme

Résumé: Une toile neutre pour construire votre propre look.

7. Jellyscrub, pas un thème mais essentiel

Jellyscrub est un plugin, pas un thème CSS, mais aucun Jellyfin au style rétro ne semble complet sans lui. Il régénère les miniatures de scrubbing que les services de streaming affichent quand vous faites glisser la barre de progression, donc la recherche dans un film de deux heures fonctionne réellement. Installez une fois, laissez-le générer les fichiers trickplay, oubliez son existence.

Où il échoue: la génération initiale de miniatures consomme beaucoup de CPU. Sur un NAS, cela prend des heures la première fois. De plus, Jellyfin est maintenant livré avec un générateur trickplay intégré, donc le rôle de Jellyscrub est plus petit qu’il y a deux ans; certains utilisateurs peuvent le sauter.

Prix: Gratuit, GPLv3.

Plateformes: Serveur Jellyfin (Linux, Windows, macOS, Docker).

Télécharger: github.com/nicknsy/jellyscrub

Résumé: Installez-le avec n’importe quel thème pour que le scrubbing se sente comme Netflix, pas 2004.

Comment choisir le bon thème

Si vous voulez la sensation réelle des rayons Blockbuster: Blockbuster CSS, sans question.

Si vous voulez des vibes rétro-néon sans engagement total envers une location: Novachrome.

Si vous entretenez une bibliothèque lourdement pondérée vers l’horreur: Zombie.

Si vous voulez des valeurs par défaut plus propres sans esthétique forte: Ceramic ou Prometheus.

Si vous vous souciez davantage de la densité d’information que de l’ambiance: Finance.

Et quel que soit le thème que vous choisissez, installez Jellyscrub ou activez le générateur trickplay natif de Jellyfin pour que le scrubbing fonctionne.

FAQ

Les thèmes Jellyfin fonctionnent-ils sur l’application mobile?

Les thèmes CSS ne s’appliquent qu’à l’interface web. Les applications mobiles natives Jellyfin ignorent le CSS personnalisé. Certains thèmes ont des forks communautaires qui sont livrés avec un style WebView, mais les applications mobiles officielles utilisent leur propre mise en page.

Un thème Jellyfin cassera-t-il lors des mises à jour?

Parfois. Les thèmes liés à des noms de classe CSS spécifiques cassent parfois quand l’interface de Jellyfin est refactorisée. Les thèmes actifs de cette liste suivent l’upstream et envoient généralement des corrections dans la semaine d’une version Jellyfin.

Où colle-je du CSS personnalisé dans Jellyfin?

Dashboard, General, puis accédez au champ CSS personnalisé. Collez le CSS du thème là-bas et enregistrez. Rechargez la page et le thème s’applique immédiatement.

Puis-je combiner plusieurs thèmes Jellyfin?

Oui, mais attendez-vous à des conflits visuels. Certains thèmes sont additifs (Jellyscrub est un plugin, pas du CSS), mais empiler deux thèmes de couleur produit généralement un gâchis. Mettez en couche un thème de base, puis ajoutez de petits ajustements manuellement.

Y a-t-il un thème Jellyfin qui ressemble à Netflix?

Oui, plusieurs. Recherchez sur le subreddit Jellyfin « Netflix theme » et vous trouverez une poignée de packs CSS ressemblant à Netflix. Aucun n’est maintenu officiellement; traitez-les comme des expériences.