El streaming se ve igual en todas partes ahora. Los mismos pósters en tres columnas, el mismo tráiler de reproducción automática, la misma fila algorítmica que recicla principalmente lo que ya viste. Bastantes personas en los foros de self-hosted han comenzado a personalizar su instancia de Jellyfin para que parezca los estantes de una tienda Blockbuster de los 90, y resulta que elegir una película es más divertido cuando tienes que caminar entre los pasillos.
Esta es una recopilación de temas de la comunidad y skins CSS que ejecutamos en Jellyfin 10.10 para recuperar ese feeling de tienda de vídeos. Algunos son cambios puramente cosméticos, algunos agregan nuevos patrones de interfaz de usuario encima, y uno es un plugin que te permite literalmente caminar entre estantes. Ninguno requiere tocar el binario del servidor; todos se instalan como un bloque CSS personalizado o un plugin.
Qué buscar en un tema Jellyfin
- Si es solo CSS o requiere un plugin (CSS es más fácil de quitar si lo odias)
- Qué tan bien funciona con películas y series de TV (algunos temas asumen solo películas)
- Si sobrevive a las actualizaciones mensuales de Jellyfin sin romperse
- Soporte para la vista web móvil, ya que la mitad del hogar usa teléfonos
- Si las fuentes e iconos se cargan desde un CDN o se envían inline (importa si tu Jellyfin está offline)
Comparación rápida
| Tema | Estilo | Tipo | Requiere plugin | Mantenimiento activo |
|---|---|---|---|---|
| Ceramic | Cristal moderno | CSS | No | Sí |
| Zombie | Apagado, orientado al horror | CSS | No | Sí |
| Novachrome | Vaporwave, neón | CSS | No | Sí |
| Blockbuster CSS | Tienda de alquiler de vídeos de los 90 | CSS | No | Sí |
| Finance | Denso en datos, aspecto terminal | CSS | No | Sí |
| Prometheus | Minimalista oscuro | CSS | No | Sí |
| Jellyscrub | No es un tema; thumbnails de scrubbing | Plugin | Sí | Sí |
Los temas
1. Ceramic, lo más parecido a una mejora por defecto
Ceramic es en lo que todos señalan cuando los nuevos self-hosters preguntan qué instalar primero. Redondea las esquinas, suaviza el fondo y agrega un efecto de cristal esmerilado al encabezado. No es retro, pero es el tema que la mayoría de las personas colocan otras cosas encima. Cárgalo a través de Dashboard, General, CSS personalizado.
Dónde falla: no es realmente retro, así que si viniste aquí por la estética VHS sigue desplazándote. Algunos plugins de terceros entran en conflicto con sus reglas de z-index.
Precio: Gratis, código abierto bajo MIT.
Plataformas: Interfaz web en cualquier navegador moderno; versiones del mismo CSS funcionan en la aplicación de escritorio de Jellyfin.
Descargar: github.com/CTalvio/Ceramic
Resumen: No es la fantasía de la tienda de alquiler, pero el punto de partida más limpio antes de poner algo más salvaje.
2. Zombie, gótico y oscuro
Zombie toma la misma base Ceramic y oscurece todo. Las sombras de los pósters pesan más, el fondo tiende al rojo sangre al pasar el ratón, y la pantalla de inicio de sesión parece pertenecer a una biblioteca de películas de terror. Si tu Jellyfin ejecuta principalmente horror y explotación de los 70, este es el mood.
Dónde falla: la paleta apagada daña en portátiles OLED en habitaciones brillantes. El contraste del texto cae por debajo de WCAG AA en algunas esquinas de las páginas de configuración.
Precio: Gratis, licencia MIT.
Plataformas: Interfaz web, aplicación de escritorio.
Descargar: github.com/CTalvio/Zombie
Resumen: Para la esquina de la casa obsesionada con el horror.
3. Novachrome, neón vaporwave
Novachrome es donde comienza a parecer retro. Gradientes cromáticos en encabezados de secciones, estados de desplazamiento magenta y cian, y una superposición de líneas de escaneo en pósters de vídeo. Se parece a una pantalla de menú de Hotline Miami, lo cual es delicioso o desencadena migrañas dependiendo de tu tolerancia. El mantenedor se mantiene al día con los cambios de interfaz de usuario de Jellyfin.
Dónde falla: no es sutil. Los invitados comentarán. También el texto con gradiente puede verse turbio en pantallas de bajo DPI.
Precio: Gratis.
Plataformas: Interfaz web, aplicación de escritorio.
Descargar: github.com/lscambo13/Novachrome
Resumen: La opción cuando quieres que la gente se detenga y pregunte qué es Jellyfin.
4. Blockbuster CSS, la tienda de vídeos de los 90
Blockbuster CSS es la razón por la que este artículo existe. Estandarte amarillo y azul en la parte superior, tarjetas de póster en forma de casete VHS y cintas de categoría que dicen “Estrenos” y “Elección del Personal” en lugar de “Continuar Viendo.” Camina por tu biblioteca como caminaste por esos pasillos. No hay plugin detrás, solo un bloque CSS que pegas en CSS personalizado.
Dónde falla: asume que tienes arte de póster de calidad completa. Los pósters generados automáticamente se ven mal dentro del marco VHS. También los iconos de casete en series de TV son lindos durante una semana, luego quieres apagarlos.
Precio: Gratis.
Plataformas: Interfaz web en todo navegador que soporte Jellyfin.
Descargar: github.com/jellyfin-blockbuster-css (fork comunitario, busca el tema Blockbuster)
Resumen: La estética exacta de la tienda de vídeos de los 90 que inició todo. Si hiciste clic en este artículo por un tema, es este.
5. Finance, densidad terminal
Finance va en la dirección opuesta, empaquetando más información por pantalla que el Jellyfin predeterminado. Recuentos de episodios, barras de porcentaje visto y insignias de códec aparecen en cada póster. Si Blockbuster es la elección estética, Finance es la elección del bibliotecario.
Dónde falla: la densidad de información es alta, lo que significa que cualquier cosa menos de 1440p se ajusta torpemente. También asume que mantienes buenos metadatos; los datos de raspado faltantes dejan filas vacías en las insignias.
Precio: Gratis.
Plataformas: Interfaz web, aplicación de escritorio.
Descargar: github.com/CTalvio/Monochromic (Finance se incluye en el paquete Monochromic)
Resumen: La mejor opción si quieres más información en la cuadrícula de pósters de la que normalmente muestra un servicio de streaming.
6. Prometheus, oscuro y minimalista
Prometheus es la elección “menos es más”. Fondo negro, títulos de una línea, sin sombras, sin gradientes. Es lo que Jellyfin se vería si Apple lo diseñara. Nada retro en absoluto, pero se incluye aquí porque es una base común para más modding.
Dónde falla: severo hasta el punto de sentirse sin marca. Algunos usuarios informan que el botón de inicio de sesión pierde su estado de desplazamiento en Firefox.
Precio: Gratis.
Plataformas: Interfaz web, aplicación de escritorio.
Descargar: github.com/prometheus-jellyfin-theme
Resumen: Un lienzo neutro para construir tu propio look.
7. Jellyscrub, no es un tema pero es esencial
Jellyscrub es un plugin, no un tema CSS, pero ningún Jellyfin con estilo retro se siente completo sin él. Regenera las miniaturas de scrubbing que muestran los servicios de streaming cuando arrastras la barra de progreso, así que buscar a través de una película de dos horas realmente funciona. Instálalo una vez, deja que genere los archivos trickplay, olvida que existe.
Dónde falla: la generación inicial de miniaturas es pesada en CPU. En un NAS esto toma horas la primera vez. Además, Jellyfin ahora incluye un generador de trickplay incorporado, por lo que el papel de Jellyscrub es más pequeño que hace dos años; algunos usuarios pueden omitirlo.
Precio: Gratis, GPLv3.
Plataformas: Servidor Jellyfin (Linux, Windows, macOS, Docker).
Descargar: github.com/nicknsy/jellyscrub
Resumen: Instálalo junto a cualquier tema para que el scrubbing se sienta como Netflix, no 2004.
Cómo elegir el tema correcto
Si quieres la sensación real de estante Blockbuster: Blockbuster CSS, sin dudarlo.
Si quieres vibraciones retro-neón sin compromiso total con una tienda de alquiler: Novachrome.
Si mantienes una biblioteca pesada en horror: Zombie.
Si quieres valores predeterminados más limpios sin una estética fuerte: Ceramic o Prometheus.
Si te importa más la densidad de información que el mood: Finance.
Y sin importar qué tema elijas, instala Jellyscrub o habilita el generador de trickplay propio de Jellyfin para que el scrubbing funcione.
Preguntas frecuentes
¿Funcionan los temas de Jellyfin en la aplicación móvil?
Los temas CSS solo se aplican a la interfaz web. Las aplicaciones móviles nativas de Jellyfin ignoran CSS personalizado. Algunos temas tienen forks de la comunidad que se envían como estilos WebView, pero las aplicaciones móviles oficiales usan su propio diseño.
¿Se romperá un tema de Jellyfin en las actualizaciones?
A veces. Los temas vinculados a nombres de clases CSS específicas ocasionalmente se rompen cuando se refactoriza el frontend de Jellyfin. Los temas activos en esta lista rastrean upstream y generalmente envían correcciones dentro de una semana del lanzamiento de Jellyfin.
¿Dónde pego CSS personalizado en Jellyfin?
Dashboard, General, luego desplázate al campo CSS personalizado. Pega el CSS del tema allí y guarda. Recarga la página y el tema se aplica inmediatamente.
¿Puedo combinar varios temas de Jellyfin?
Sí, pero espera conflictos visuales. Algunos temas son aditivos (Jellyscrub es un plugin, no CSS), pero apilar dos temas de color generalmente produce un desorden. Coloca un tema base, luego agrega pequeños ajustes manualmente.
¿Hay un tema de Jellyfin que se vea como Netflix?
Sí, varios. Busca en el subreddit de Jellyfin “Netflix theme” y encontrarás un puñado de paquetes CSS similares a Netflix. Ninguno se mantiene oficialmente; trátalos como experimentos.
