Temas retrô do Jellyfin

Streaming parece a mesma coisa em todo lugar agora. Os mesmos pôsteres em três colunas, o mesmo trailer com reprodução automática, a mesma linha algorítmica que principalmente recicla o que você já assistiu. Pessoas suficientes nos fóruns self-hosted começaram a personalizar sua instância Jellyfin para parecer com as prateleiras de uma Blockbuster dos anos 1990, e descobriu-se que escolher um filme é mais divertido quando você tem que caminhar entre os corredores.

Esta é uma compilação dos temas da comunidade e skins CSS que executamos no Jellyfin 10.10 para trazer de volta aquela sensação de locadora de vídeos. Alguns são totalmente cosméticos, alguns adicionam novos padrões de interface do usuário e um é um plugin que permite caminhar literalmente entre as prateleiras. Nenhum requer mexer no binário do servidor; todos caem como um bloco CSS personalizado ou um plugin.

O que procurar em um tema Jellyfin

Comparação rápida

Tema Estilo Tipo Requer plugin Mantido ativamente
Ceramic Vidro moderno CSS Não Sim
Zombie Apagado, inclinado ao horror CSS Não Sim
Novachrome Vaporwave, neon CSS Não Sim
Blockbuster CSS Locadora de vídeos dos anos 1990 CSS Não Sim
Finance Denso em dados, aparência terminal CSS Não Sim
Prometheus Minimalista escuro CSS Não Sim
Jellyscrub Não é tema; thumbnails de scrubbing Plugin Sim Sim

Os temas

1. Ceramic, o mais próximo de uma melhoria padrão

Ceramic é aquele que todos apontam quando novos self-hosters perguntam o que instalar primeiro. Arredonda cantos, suaviza o fundo e adiciona um efeito de vidro fosco ao cabeçalho. Não é retrô, mas é o tema que a maioria das pessoas coloca outras coisas em cima. Carregue via Dashboard, General, CSS personalizado.

Onde cai: não é realmente retrô, então se você veio aqui pela estética VHS continue rolando. Alguns plugins de terceiros entram em conflito com suas regras de z-index.

Preço: Grátis, código aberto sob MIT.

Plataformas: Interface web em qualquer navegador moderno; portas do mesmo CSS funcionam no aplicativo de desktop Jellyfin.

Download: github.com/CTalvio/Ceramic

Conclusão: Não é a fantasia da locadora, mas o ponto de partida mais limpo antes de colocar algo mais selvagem.

2. Zombie, gótico e escuro

Zombie pega a mesma base do Ceramic e escurece tudo. Sombras de pôsteres ficam mais pesadas, o fundo tende para vermelho sangue ao passar o mouse, e a tela de login parece pertencer a uma biblioteca de filmes de horror. Se seu Jellyfin executa principalmente horror e exploração dos anos 1970, essa é a vibe.

Onde cai: a paleta apagada prejudica laptops OLED em salas claras. O contraste do texto fica abaixo de WCAG AA em alguns cantos das páginas de configurações.

Preço: Grátis, licença MIT.

Plataformas: Interface web, aplicativo de desktop.

Download: github.com/CTalvio/Zombie

Conclusão: Para o canto da casa obcecado por horror.

3. Novachrome, neon vaporwave

Novachrome é onde o ângulo retrô começa a acertar. Gradientes cromáticos em cabeçalhos de seção, estados de foco magenta e ciano, e uma sobreposição de linhas de varredura em pôsteres de vídeo. Parece uma tela de menu de Hotline Miami, que é delicioso ou desencadeador de enxaqueca dependendo da sua tolerância. O mantenedor acompanha as mudanças da interface Jellyfin.

Onde cai: não é sutil. Os convidados comentarão. Também o texto gradiente pode parecer turvo em displays de baixa DPI.

Preço: Grátis.

Plataformas: Interface web, aplicativo de desktop.

Download: github.com/lscambo13/Novachrome

Conclusão: A escolha quando você quer que as pessoas parem e perguntem o que é Jellyfin.

4. Blockbuster CSS, a locadora de vídeos dos anos 1990

Blockbuster CSS é a razão pela qual este artigo existe. Faixa amarela e azul no topo, cartões de pôster em formato de fita VHS, e fitas de categoria que dizem “Lançamentos Recentes” e “Escolha da Equipe” em vez de “Continuar Assistindo.” Caminhe pela sua biblioteca do jeito que caminhou por aqueles corredores. Não há plugin por trás, apenas um bloco CSS que você cola em CSS personalizado.

Onde cai: presume que você tem arte de pôster em qualidade total. Pôsteres gerados automaticamente parecem errados dentro do quadro VHS. Também os ícones de fita cassete em séries de TV são lindos por uma semana, depois você quer desligá-los.

Preço: Grátis.

Plataformas: Interface web em todo navegador que Jellyfin suporta.

Download: github.com/jellyfin-blockbuster-css (fork da comunidade, procure pelo tema Blockbuster)

Conclusão: A estética exata da locadora de vídeos dos anos 1990 que iniciou tudo. Se você clicou neste artigo por um tema, é este.

5. Finance, densidade terminal

Finance vai na direção oposta, embalando mais informação por tela do que o Jellyfin padrão. Contagens de episódios, barras de porcentagem assistida e crachás de codec aparecem em cada pôster. Se Blockbuster é a escolha estética, Finance é a escolha do bibliotecário.

Onde cai: a densidade de informação é alta, o que significa que qualquer coisa menor que 1440p se quebra de forma desajeitada. Também assume que você mantém bons metadados; dados de raspagem ausentes deixam linhas vazias nos crachás.

Preço: Grátis.

Plataformas: Interface web, aplicativo de desktop.

Download: github.com/CTalvio/Monochromic (Finance vem no pacote Monochromic)

Conclusão: Melhor escolha se você quer mais informação na grade de pôsteres do que um serviço de streaming normalmente mostra.

6. Prometheus, escuro e minimalista

Prometheus é a escolha “menos é mais”. Fundo preto, títulos de uma linha, sem sombras, sem gradientes. É o que Jellyfin pareceria se a Apple o tivesse projetado. Nada retrô, mas incluído aqui porque é uma base comum para modificações adicionais.

Onde cai: austero a ponto de parecer sem marca. Alguns usuários relatam que o botão de login perde seu estado de foco no Firefox.

Preço: Grátis.

Plataformas: Interface web, aplicativo de desktop.

Download: github.com/prometheus-jellyfin-theme

Conclusão: Uma tela em branco neutra para construir sua própria aparência.

7. Jellyscrub, não é um tema mas é essencial

Jellyscrub é um plugin, não um tema CSS, mas nenhum Jellyfin com estilo retrô se sente completo sem ele. Ele regenera as miniaturas de scrubbing que os serviços de streaming mostram quando você arrasta a barra de progresso, então procurar por um filme de duas horas realmente funciona. Instale uma vez, deixe gerar os arquivos trickplay, esqueça que existe.

Onde cai: a geração inicial de miniaturas é pesada em CPU. Em um NAS isso leva horas na primeira vez. Além disso, Jellyfin agora vem com um gerador trickplay integrado, então o papel de Jellyscrub é menor do que era dois anos atrás; alguns usuários podem pular.

Preço: Grátis, GPLv3.

Plataformas: Servidor Jellyfin (Linux, Windows, macOS, Docker).

Download: github.com/nicknsy/jellyscrub

Conclusão: Instale junto com qualquer tema para que o scrubbing pareça Netflix, não 2004.

Como escolher o tema certo

Se você quer a sensação real de prateleira Blockbuster: Blockbuster CSS, sem questionar.

Se você quer vibes retrô-neon sem compromisso total com uma locadora: Novachrome.

Se você mantém uma biblioteca pesada em horror: Zombie.

Se você quer padrões mais limpos sem uma estética forte: Ceramic ou Prometheus.

Se você se importa mais com densidade de informação do que com clima: Finance.

E independentemente de qual tema você escolher, instale Jellyscrub ou ative o gerador trickplay nativo do Jellyfin para que o scrubbing funcione.

FAQ

Os temas Jellyfin funcionam no aplicativo móvel?

Temas CSS só se aplicam à interface web. Os aplicativos móveis nativos do Jellyfin ignoram CSS personalizado. Alguns temas têm forks da comunidade que vêm com estilo WebView, mas os aplicativos móveis oficiais usam seu próprio layout.

Um tema Jellyfin quebrará nas atualizações?

Às vezes. Temas vinculados a nomes específicos de classes CSS às vezes quebram quando o frontend do Jellyfin é refatorado. Os temas ativos nesta lista rastreiam upstream e geralmente enviam correções dentro de uma semana de um lançamento Jellyfin.

Onde colei CSS personalizado no Jellyfin?

Dashboard, General, depois role para o campo CSS personalizado. Cole o CSS do tema lá e salve. Recarregue a página e o tema se aplica imediatamente.

Posso combinar vários temas Jellyfin?

Sim, mas espere conflitos visuais. Alguns temas são aditivos (Jellyscrub é um plugin, não CSS), mas empilhar dois temas de cores geralmente produz uma bagunça. Coloque um tema base, depois adicione pequenos ajustes manualmente.

Existe um tema Jellyfin que pareça Netflix?

Sim, vários. Pesquise no subreddit Jellyfin por “tema Netflix” e você encontrará um punhado de pacotes CSS parecidos com Netflix. Nenhum é mantido oficialmente; trate-os como experimentos.