mirror of
https://github.com/Ladebeze66/coffreobsidian.git
synced 2025-12-17 00:07:44 +01:00
90 lines
2.5 KiB
Markdown
90 lines
2.5 KiB
Markdown
|
||
---
|
||
|
||
## 🔧 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 :
|
||
|
||
1. Aller dans la **vue graphique globale**
|
||
2. En haut à droite, clique sur **l’icône "Filtres"**
|
||
3. Va dans l’onglet **"Groupes"**
|
||
4. Clique sur **"Ajouter un groupe"**
|
||
|
||
### Puis tu choisis :
|
||
|
||
- Un **critère** :
|
||
- 📁 Dossier (ex: `projets/projetA`)
|
||
- 🏷️ Tag (ex: `#projetA`)
|
||
- 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 :
|
||
|
||
```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 :
|
||
|
||
1. Crée un fichier `.css` dans `.obsidian/snippets`
|
||
2. Active-le dans `Paramètres > Apparence > Snippets CSS`
|
||
3. 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](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
|
||
|
||
---
|