🎨 Obsidian Monokai Night Theme

Un thème sombre et élégant pour Obsidian, basé sur le célèbre thème Monokai Night de VSCode. Ce thème offre une synchronisation semi-automatique avec le thème source pour rester toujours à jour.

✨ Caractéristiques

• 🌙 Thème sombre complet - Interface cohérente et reposante pour les yeux
• 🎨 Coloration syntaxique riche - Code blocks et markdown stylisés
• 🔄 Synchronisation semi-automatique - Mise à jour facile depuis le thème VSCode source
• 🔤 Styles de code avancés - Ligatures, parenthèses colorées, animations (nouveau !)
• ⚙️ Configuration personnalisable - Interface graphique pour ajuster les options
• 📱 Responsive - Optimisé pour desktop et mobile
• ⚡ Performance - CSS optimisé et léger
• ♿ Accessible - Support des modes haut contraste et navigation clavier

🎨 Nouveauté : Configuration avancée des styles de code

Inspiré par les fonctionnalités VSCode, le thème propose maintenant :

🔤 Ligatures de police

• Support Fira Code iScript, JetBrains Mono, Cascadia Code
• Activation/désactivation simple
• Rendu des opérateurs =>, >=, !== en symboles élégants

🌈 Colorisation des parenthèses

• 6 couleurs différentes par niveau d'imbrication
• Animation au survol
• Compatible avec le code complexe

✏️ Styles syntaxiques intelligents

• Italiques automatiques : commentaires, mots-clés, chaînes
• Gras automatique : noms de classes, constructeurs
• Exclusions configurables : opérateurs, nombres

🖱️ Curseur animé

• 3 types d'animation : expansion, clignotement, fondu
• Couleur et vitesse personnalisables
• Performance optimisée

📦 Blocs de code améliorés

• Numéros de ligne (optionnel)
• Boutons de copie automatiques
• Surlignage de ligne active

🚀 Installation

Méthode 1: Installation manuelle

1. Téléchargez le fichier theme.css
2. Placez-le dans votre dossier .obsidian/themes/
3. Dans Obsidian : Paramètres → Apparence → Thèmes → Sélectionner "Monokai Night"

Méthode 2: Via Git (recommandé pour les développeurs)

cd /chemin/vers/votre/vault/.obsidian/themes/
git clone https://github.com/votre-username/obsidian-monokai-night-theme.git
cd obsidian-monokai-night-theme
npm install
npm run build

🎨 Aperçu des couleurs

Élément	Couleur	Hex
🖤 Arrière-plan principal		#2d2a2e
🔘 Arrière-plan secondaire		#403e41
📝 Texte principal		#fcfcfa
🔴 Accent (mots-clés)		#ff6188
🟡 Chaînes		#ffd866
🟢 Fonctions		#a9dc76
🔵 Types		#78dce8
🟣 Constantes		#ab9df2

🔄 Synchronisation avec VSCode

Ce thème se synchronise automatiquement avec VSCode Monokai Night.

Vérifier les mises à jour

npm run check-updates

Synchroniser le thème

npm run sync

Construire manuellement

npm run build

📁 Structure du projet

obsidian-monokai-night-theme/
├── 📄 theme.css                 # Thème final généré
├── 📋 manifest.json             # Métadonnées Obsidian
├── 🔧 scripts/                  # Scripts d'automatisation
│   ├── sync-theme.js            # Synchronisation principale
│   ├── check-updates.js         # Vérification des mises à jour
│   └── color-mapping.json       # Mappage des couleurs
├── 🎨 src/                      # Sources CSS
│   └── base.css                 # Template de base
└── 📦 package.json              # Configuration npm

⚙️ Configuration

Variables CSS personnalisables

Vous pouvez surcharger ces variables dans un CSS snippet Obsidian :

.theme-dark {
  /* Couleurs principales */
  --accent-color: #ff6188;              /* Couleur d'accent */
  --background-primary: #2d2a2e;        /* Fond principal */
  --text-normal: #fcfcfa;               /* Texte principal */
  
  /* Polices */
  --font-family-editor: 'JetBrains Mono', monospace;
  --font-family-interface: 'Inter', sans-serif;
  
  /* Espacement */
  --size-4-1: 4px;                      /* Padding de base */
  --size-4-2: 8px;                      /* Padding moyen */
}

Personnalisation avancée

1. Modifiez scripts/color-mapping.json pour ajuster le mappage des couleurs
2. Personnalisez src/base.css pour les styles spécifiques
3. Exécutez npm run build pour régénérer le thème

🤝 Contribution

Les contributions sont les bienvenues ! Voici comment contribuer :

1. Fork le projet
2. Créez une branche pour votre fonctionnalité (git checkout -b feature/ma-fonctionnalite)
3. Commitez vos changements (git commit -am 'Ajout de ma fonctionnalité')
4. Push vers la branche (git push origin feature/ma-fonctionnalite)
5. Ouvrez une Pull Request

Scripts de développement

# Installation des dépendances
npm install

# Développement avec rebuild automatique
npm run dev

# Vérification des mises à jour du thème source
npm run check-updates

# Synchronisation complète
npm run sync

# Préparation d'une release
npm run release

🐛 Signaler un problème

Si vous rencontrez un problème :

1. Vérifiez que vous utilisez la dernière version
2. Consultez les issues existantes
3. Créez une nouvelle issue avec :
   • Version d'Obsidian
   • Version du thème
   • Description du problème
   • Screenshots si pertinent

📅 Changelog

v1.0.0 - 2024-01-01

• 🎉 Version initiale
• ✅ Support complet d'Obsidian
• 🔄 Synchronisation semi-automatique
• 📱 Design responsive
• ♿ Améliorations d'accessibilité

🙏 Remerciements

• Fabio Spampinato pour le thème original VSCode Monokai Night
• Obsidian Team pour l'excellent éditeur de notes
• La communauté Obsidian pour les retours et suggestions

🔗 Liens utiles

• Thème VSCode source
• Documentation Obsidian
• Guide de création de thèmes
• Communauté Obsidian

---

⭐ N'oubliez pas de mettre une étoile si ce thème vous plaît !

💬 Des questions ? Ouvrez une discussion