coffreobsidian/Obsidian/Couleurs liens Obsidian.md
2025-03-23 20:59:56 +01:00

2.5 KiB
Raw Permalink Blame History


🔧 MÉTHODE 1 : Personnaliser les couleurs par dossier ou tag (avec le core dObsidian)

👉 Dans la vue graphique (Graph View > Filters > Groups), tu peux :

  1. Aller dans la vue graphique globale
  2. En haut à droite, clique sur licône "Filtres"
  3. Va dans longlet "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 :

.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
    • davoir 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