Muchos prefieren usar Jellyfin en lugar de Plex porque es gratuito y de código abierto, admite funciones como la transcodificación de hardware y se ejecuta en casi cualquier cosa. Aunque el tema predeterminado de Jellyfin es funcional, es un poco aburrido de ver todos los días.
Afortunadamente, existe una buena cantidad de temas que puedes importar e incluso puedes intentar crear los tuyos propios.
Cómo funcionan los temas Jellyfin
Puede crear un tema para Jellyfin mediante el uso de CSS, que es la forma en que los sitios web aplican diferentes estilos. Dado que Jellyfin presenta sus medios para su consumo mediante una interfaz web, los temas son en realidad solo reskins de la apariencia predeterminada.
La ventaja de este enfoque es que los temas son livianos, se pueden cambiar fácilmente sobre la marcha y la mayoría debería reflejarse en los clientes que utiliza para acceder a su servidor. Probamos varios temas y las nuevas apariencias fueron visibles de inmediato en la aplicación oficial Jellyfin para iPhone (incluso en la pantalla de inicio de sesión). y la aplicación LG webOS TV.
Los temas son proyectos comunitarios y, como tales, dependen de las pruebas de la comunidad para descubrir y solucionar problemas. Aunque no vas a “romper” tu instalación de Jellyfin al instalar un tema, puedes encontrar algunos errores en tus viajes.
Debido a que el diseño básico de Jellyfin es bastante rígido, los temas no cambian enormemente la sensación del software. Las imágenes de fondo y la portada habituales aparecen en los mismos lugares, pero la combinación de colores y el aspecto general pueden diferir. Es posible que notes otros cambios sutiles, como esquinas más redondeadas y un logotipo de Jellyfin ligeramente diferente en la parte superior de la pantalla.
Cómo instalar temas Jellyfin manualmente
Hay dos formas de instalar y administrar temas Jellyfin: manualmente o mediante un complemento. Ambos son simples, particularmente dada la forma en que los autores de temas hacen que sus temas estén disponibles con unas pocas líneas simples de código. Es una buena idea aprender a hacer esto manualmente, incluso si deseas seguir adelante e instalar el complemento (no te preocupes, puedes usar ambos métodos juntos).
Para instalar manualmente un tema Jellyfin, abra la interfaz web de Jellyfin y haga clic en su icono de usuario en la esquina superior derecha de la pantalla. En «Administración», haga clic en «Panel de control» para abrir el menú de administración. Ahora verá un menú en la barra lateral, en la sección «Servidor», haga clic en «Marca».
Si no ve «Marca», es posible que esté ejecutando una versión desactualizada de Jellyfin. Intente buscar la sección «Pantalla» o, para obtener mejores resultados, aprenda cómo actualizar Jellyfin a la última versión.
Verá aparecer algunos campos, incluido uno que dice «Código CSS personalizado», que es el que usaremos. Aquí es donde pega el código de importación para el archivo CSS del tema que desea usar y cualquier archivo CSS adicional (como temas secundarios o correcciones para usuarios ultraanchos).
Entraremos en la búsqueda de temas en un segundo, pero en este campo, deberás pegar un código similar a este:
@import url('https://code-url-here.example/theme.css');
No es inusual pegar otra línea de código después de esto, pero siempre debes importar primero el archivo principal «theme.css».
Para eliminar un tema, simplemente elimine cualquier CSS que haya agregado a este campo. Cualquier cambio que realice aquí no se reflejará en el panel de administración, pero sí en la interfaz principal de Jellyfin. Deberá actualizar la página o cerrar la aplicación para ver los cambios.
Cómo instalar temas Jellyfin usando un complemento
Alternativamente, puede instalar y administrar temas Jellyfin utilizando el complemento Jellyfin Skin Manager. Para hacer esto, abra la interfaz web de Jellyfin, haga clic en su nombre en la esquina superior derecha de la pantalla y luego, en «Administración», haga clic en «Panel de control».
En la barra lateral, haga clic en «Complementos», luego haga clic en «Administrar repositorios» seguido de «Nuevo repositorio». Ingrese un nombre (elegí «jellyfin-skin-manager» y pegue la siguiente URL en el campo «URL del repositorio»:
https://raw.githubusercontent.com/danieladov/JellyfinPluginManifest/master/manifest.json
Ahora haga clic nuevamente en «Complementos» en la barra lateral y actualice la página. Busque «máscara» y filtre por «Todos» y debería ver aparecer el «Administrador de máscaras».
Haga clic en él, luego haga clic en «Instalar» y lea el descargo de responsabilidad. Una vez que esté satisfecho de comprender los riesgos de utilizar complementos de terceros, haga clic en «Instalar» nuevamente para continuar.
Ahora reinicie Jellyfin. Puede hacerlo fácilmente si está utilizando una computadora de escritorio con Windows, macOS o Linux haciendo clic en el icono de la bandeja y seleccionando «Reiniciar». Si está ejecutando Jellyfin en un contenedor, deberá reiniciar el contenedor.
Con Jellyfin reiniciado, regrese a la página «Complementos» dentro del panel de administración y haga clic en Skin Manager. Haga clic en el nuevo botón «Configuración» y use el menú desplegable para configurar un tema. También puedes hacer clic en «Personalizar» y configurar tu propio tema.
Básicamente, todo lo que hace este complemento es administrar el cuadro “Código CSS personalizado” en la página “Marca” por usted, aplicando correcciones y temas secundarios según sea necesario dependiendo de los cuadros en los que haga clic. Notarás que sólo tienes un número limitado de temas para elegir; Al proyecto probablemente le vendría bien una actualización (ha pasado aproximadamente un año desde que se realizaron cambios en el momento de escribir este artículo).
Algunos temas para empezar
El proyecto Awesome Jellyfin tiene una lista seleccionada de temas que puedes explorar. Aquí hay cierta superposición entre el complemento Skin Manager, pero hay una buena cantidad de temas únicos para elegir. Cada uno tiene su propia página de GitHub y muchos tienen variaciones sutiles para elegir o correcciones para usar en dispositivos específicos.
Además de esto, vale la pena visitar el panel de soporte de Temas y estilos del Foro Jellyfin. Muchos autores utilizan megahilos para sus publicaciones y solicitan comentarios y sugerencias de la comunidad. Es un gran lugar para visitar si tienes problemas después de instalar algo. Encontrarás muchos proyectos interesantes publicados aquí, como ZestyTheme, que combina varios de los proyectos temáticos más exitosos de la comunidad.
Vaya aún más lejos con sus propios temas y marca
¿Te apetece crear tus propios temas? El proyecto Jellyfin tiene documentación detallada sobre cómo editar CSS con este objetivo en mente. También puedes descargar y separar temas que otros hayan creado para ver qué los motiva. ¡Probablemente deberías entender cómo trabajar con CSS moderno antes de comenzar!
También puede dirigirse a la página «Marca» en el panel de administración y agregar su propia imagen de presentación y exenciones de responsabilidad para que su servidor Jellyfin se sienta un poco más exclusivo.