[Tuto] Appliquer des thèmes à vos applications Docker en 1 minute ! ( Linuxserver / theme.park )

EVO

Administreur
Membre du personnel
25 Novembre 2019
8 160
1 563
278
/var/run/docker.sock
[Tuto] Appliquer des thèmes à vos applications Docker en 1 minute ! ( Linuxserver / theme.park )

Hello, nous allons voir ici comment appliquer rapidement, et facilement des "skins / thèmes" sur nos applications favorites avec l'aide de Docker Mods ( présent dans les images Linuxserver ) et de theme.park.

Les pré-requis sont :
- Utiliser une appli dans la liste de theme.park/docker-mods
- Que cette appli soit déployé via l'image linuxserveur.
- Utiliser docker-compose*

*Ce n'est pas obligatoire, les labels peuvent être rajouté via Portainer également ( via la fonction Edit ), ou via la commande docker run, mais mon exemple, va se porter sur docker-compose

Sommaire :
1/ Choix du thème
2/ Mise en place du thème sur le conteneur
____ a/ via Docker-compose
____ b/ via Portainer
3/ Et pour les autres applications et thèmes ?

:ugeek: :ugeek:

1/ Choix du thème
Notre exemple se portant sur Jellyfin, nous allons regarder la page dédié a Jellyfin sur theme.park.
On peut y voir 6 thèmes dispo :

Dark Theme
dark.png


Space Gray Theme
space-gray.png


Plex Theme
plex.png


Organizr Dark Theme

organizr-dark.png


Hotline Theme
hotline.png


Aquamarine Theme
aquamarine.png


Pour chaque applications, cela sera toujours pareil, toujours les 6 mêmes thèmes, avec le même nom et la même charte graphique.

Une fois le thème choisi, il nous faut retenir son nom :)

2/ Mise en place du thème sur le conteneur
Pour cette exemple, je vais choisir le thème 'Space Grey".
Il va donc me falloir rajouter 2 labels a mon conteneur jellyfin.
Code:
DOCKER_MODS=ghcr.io/gilbn/theme.park:jellyfin
et
Code:
TP_THEME=space-gray

DOCKER_MODS est le chemin vers le dépôt contenant les thèmes
TP_THEME précise le thème que nous souhaitons

____ a/ via Docker-compose
Sur un docker compose, cela se présente comme ceci :
8rUFfCE.png


Ensuite, il nous suffit de re-créer le conteneur avec la commande suivante :
Code:
docker-compose up -d

et le thème se retrouve appliqué ! :giggle:

____ b/ via Portainer
A venir :giggle:

3/ Et pour les autres applications et thèmes ?
Il suffit de modifier les commandes précédente :

Code:
DOCKER_MODS=ghcr.io/gilbn/theme.park:<app>
doit etre adapté suivant l'application dont vous souhaitez changé le theme, par exemple pour sonarr, le code sera :
Code:
DOCKER_MODS=ghcr.io/gilbn/theme.park:sonarr

Bien sur, il faut que le thème soit compatible, et votre conteneur soit construit depuis une image linuxserver. Pour connaitre les applications compatible, rendez-vous ici : https://docs.theme-park.dev/themes/
Toutes les applications avec ce logo :
2dFgiTR.png
sont compatible avec le "Docker_Mods" des images linuxserver.

Ensuite,
Code:
TP_THEME=<theme>
doit être adapté avec le theme que vous souhaitez, <theme> peut prendre les valeurs suivante :
  • aquamarine
  • hotline
  • plex
  • dark
  • space-gray
  • organizr-dark

Exemple si ou souhaite utiliser le "Hotline Theme" :
Code:
TP_THEME=hotline

Amusez vous bien :giggle: :love:
 
Merci pour cette découverte. Je viens de voir que cela marchait pour :
  • bazarr
  • calibre-web
  • deluge
  • emby
  • jackett
  • jellyfin (présenté ici)
  • lazylibrarian
  • librespeed
  • lidarr
  • nzbget
  • plex
  • qbittorrent
  • radarr
  • readarr
  • rutorrent
  • sabnzbd
  • sonarr
  • synclounge
  • tautulli
  • thelounge
  • transmission
 
Oui, il supporte aussi les images Hotio, mais que je n-utilise pas.

Sinon c-est directement intégrable avec un reverse proxy,. ..
 
Salut EVOTk,
J'ai tenté la mise en place simplement via Portainer sans succès. Je me suis rabattu sur la modif de variables via DSM.
Jai fait un test sur Jackett mais mon Jackett est toujours blanc ?! :rolleyes:
Y verrais-tu une raison ?
 
Salut,
Via portainer tu a bien renseigné ceci dans environnement ?
N'hesite pas a placer des screens

Via dsm, j'ai pas essayé mais cela devrait fonctionner également. Pas de message d'erreur dans les logs du conteneur ?
 
Voilà ce que j'obtiens sur Portainer après avoir réalisé l'action dans DSM. (Ma saisie n'était pas conservée dans Portainer. Je ne sais pas pourquoi mais j'ai dû oublier un truc) :
4w1jjaK.png


Je ne vois rien de bizarre dans les logs :
TqGRVHk.png


Pour autant, Jackett est "blanc comme neige" :
AwxkQnE.png
 
EVOTk a dit:
Pas le cache du navigateur par exemple ? Essaye en navigation privé
J'ai déjà tenté ainsi que sur plusieurs navigateurs pour vérifier. Pas de changement
 
Salut,
Je viens de comparer avec moi, et les logs sont différents :
e7XTND8.png


Chez moi il indique :
Code:
'TP_THEME'=space-gray

Chez toi :
Code:
'TP_THEME'=space_gray

Vérifie ta variable TP_THEME
 
Je ne m'explique pas ce "_"... Bon après vérification et redéploiement, c'est fonctionnel. C'est même très beau.
Bon choix EVOTk ;)

Petite question : est-ce qu'un tuto sur Jackett, Radarr et Sonarr te paraitrait intéressant ?
 
Alandil a dit:
Je ne m'explique pas ce "_"... Bon après vérification et redéploiement, c'est fonctionnel. C'est même très beau.
Bon choix EVOTk ;)

Petite question : est-ce qu'un tuto sur Jackett, Radarr et Sonarr te paraitrait intéressant ?

En ce qui me concerne oui je trouverai ça super intéressant si tu développes le comment on s’en sert et à quoi ça sert, car j’ai toujours du mal à saisir…
Et si tu peux aussi indiquer les différents « clones » car pour un d’eux il me semble qu’il y a d’autres applications qui font pareil et là aussi je m’embrouille :)


Sinon voilà le lien pour la doc :
https://docs.theme-park.dev/


Question : j’ai vu que c’était possible sur les images hotio, elles sont bien c’est images la? Elles ont quoi de particulier ?