mirror of
https://github.com/Ladebeze66/coffreobsidian.git
synced 2025-12-16 23:37:44 +01:00
2.5 KiB
2.5 KiB
🔧 MÉTHODE 1 : Personnaliser les couleurs par dossier ou tag (avec le core d’Obsidian)
👉 Dans la vue graphique (Graph View > Filters > Groups), tu peux :
- Aller dans la vue graphique globale
- En haut à droite, clique sur l’icône "Filtres"
- Va dans l’onglet "Groupes"
- Clique sur "Ajouter un groupe"
Puis tu choisis :
- Un critère :
- 📁 Dossier (ex:
projets/projetA) - 🏷️ Tag (ex:
#projetA)
- 📁 Dossier (ex:
- Une couleur personnalisée
- Opacité / style pour les liens
➡️ Cela te permet de colorer les notes et leurs liens selon le projet ou le contexte.
🎯 MÉTHODE 2 : Coloration des liens eux-mêmes, plus avancée (via CSS snippets)
Par défaut, les liens entre les notes n'ont pas de couleur spécifique, mais tu peux utiliser un snippet CSS pour changer la couleur des arêtes selon le contexte (avec limitation sur les liens directs uniquement).
Exemple de snippet CSS :
.graph-view.color-line .graph-link {
stroke: rgba(255, 255, 255, 0.1); /* couleur par défaut */
}
/* Pour les liens entre notes contenant "projetA" */
.graph-view.color-line .graph-link[data-source*="projetA"] {
stroke: #ff0000; /* rouge pour projet A */
}
.graph-view.color-line .graph-link[data-source*="projetB"] {
stroke: #00ff00; /* vert pour projet B */
}
Étapes :
- Crée un fichier
.cssdans.obsidian/snippets - Active-le dans
Paramètres > Apparence > Snippets CSS - Recharge la vue graphique
📌 Limite : ça ne fonctionne que si les noms de fichiers incluent le projet, ou avec tag mapping via plugins.
🧩 MÉTHODE 3 : Plugin Juggl (pour graphes plus personnalisables)
- Juggl permet :
- de personnaliser liens + arêtes avec des styles
- d’avoir des liens directionnels colorés
- une interface de graphe plus riche
👉 https://github.com/HEmile/juggl
✅ Astuce : organisation par tag ou dossier
| Organisation | Bénéfice dans GraphView |
|---|---|
projets/projetA/ |
Peut être filtré et coloré |
#projetA |
Groupable par tag |
| Liens inter-projets | Visuellement visibles dans le graphe |
🧠 Exemple concret : différencier projets
| Projet | Tag utilisé | Couleur |
|---|---|---|
| Projet A | #projetA |
Rouge |
| Projet B | #projetB |
Bleu |
| Référentiel | #meta |
Violet |
Puis dans les groupes du graphe :
- Groupe par tag = couleur + filtre dynamique