[Tuto] Personnalisation de son dashboard sur Dashy

[EVO]

[Tuto] Personnalisation de son dashboard sur Dashy

Bonjour,
Un nouveau petit tuto pour vous apprendre à personnaliser son dashboard sur Dashy.

Dashy c'est quoi ?
Vous trouverez un tuto d'installation ainsi qu'un aperçu de Dashy ici : [Tuto] Installation de Dashy en Docker via docker-compose.

Sommaire :
Préambule
1/ Choix du thème par défaut
2/ Titre de la page
3/ Personnalisation de la barre de navigation
4/ Configuration des Services/Catégories
____a/ Mise en place d'un indicateur d’état sur les services
____b/ Mise en place d’icônes
Annexe 1 : Reset des préférences local

C'est parti !

Préambule
Toutes les modifications que je vais présenter dans ce tuto vont s'effectuer dans le fichier conf.yml de Dashy.
Le fichier est a éditer avec nano par exemple, ensuite il faut valider les modifications ( Ctrl + X , puis Y et Enter ).


1/ Choix du thème par défaut
Dans votre fichier conf.yml :

Trouver :

appConfig:
  theme: colorful
  fontAwesomeKey: 0821c65656

colorful représente le nom du thème.

La liste des themes est dispo dans le menu déroulant a gauche de votre page Dashy :

Si par exemple votre choix se porte sur Material-dark, alors modifier la ligne theme comme ceci :

appConfig:
  theme: material-dark
  fontAwesomeKey: 0821c65656

Puis sauvegarder votre fichier conf.yml et redémarrer votre conteneur.
Pour supprimer les préférences local de votre navigateur, vous pouvez suivre la procédure en Annexe 1 de ce tuto, ou vider le cache de votre navigateur.

2/ Titre de la page
Par défaut, le titre de la page est Dashy. Pour modifier cela, dans votre fichier conf.yml :

Trouver :

pageInfo:
  title: Dashy

Remplacer "Dashy" par le nom de votre choix, par exemple "Cachem" :

pageInfo:
  title: Cachem

Ce qui donne :

Pour supprimer les préférences local de votre navigateur, vous pouvez suivre la procédure en Annexe 1 de ce tuto, ou vider le cache de votre navigateur.

3/ Personnalisation de la barre de navigation
Il est également possible de modifer la barre de navigation. Pour cela, dans votre fichier conf.yml :

Trouver :

  navLinks:
  - title: Home
    path: /
  - title: About
    path: /about
  - title: Source Code
    path: https://github.com/Lissy93/dashy

Ceci représente nos 3 liens présent en haut de page par defaut :

Vous pouvez par exemple, choisir de traduire Home en Accueil et de ne pas garder About

Ceci donnerai donc :

  navLinks:
  - title: Accueil
    path: /
  - title: Source Code
    path: https://github.com/Lissy93/dashy

On pourrai aussi décider d'y inclure un lien vers notre site favoris : Cachem ( poke @FX ) de cette façon :

  navLinks:
  - title: Accueil
    path: /
  - title: Cachem
    path: https://cachem.fr
  - title: Source Code
    path: https://github.com/Lissy93/dashy

Ce qui donne :

Pour supprimer les préférences local de votre navigateur, vous pouvez suivre la procédure en Annexe 1 de ce tuto, ou vider le cache de votre navigateur.

A suivre !!!



Pour aller plus loin dans la personnalisation de l'apparence de Dashy : Theming