Des tonnes de modifications notamment VIM / Couleurs / typos
This commit is contained in:
173
docs/THEMES_CATPPUCCIN_EVERFOREST.md
Normal file
173
docs/THEMES_CATPPUCCIN_EVERFOREST.md
Normal file
@ -0,0 +1,173 @@
|
||||
# Nouveaux Thèmes : Catppuccin et Everforest
|
||||
|
||||
## 🌸 Catppuccin Mocha
|
||||
|
||||
Catppuccin est un thème communautaire populaire avec une palette de couleurs pastels douces et chaleureuses.
|
||||
|
||||
### Caractéristiques
|
||||
|
||||
- **Style** : Pastel, moderne, élégant
|
||||
- **Accents** : Bleu ciel (#89b4fa), Rose pastel (#f5c2e7)
|
||||
- **Philosophie** : Couleurs apaisantes et non agressives pour réduire la fatigue oculaire
|
||||
- **Popularité** : Très populaire dans la communauté des développeurs
|
||||
|
||||
### Palette de Couleurs
|
||||
|
||||
```css
|
||||
--bg-primary: #1e1e2e; /* Base profonde */
|
||||
--bg-secondary: #181825; /* Mantle */
|
||||
--bg-tertiary: #313244; /* Surface 0 */
|
||||
--bg-elevated: #45475a; /* Surface 1 */
|
||||
|
||||
--text-primary: #cdd6f4; /* Text */
|
||||
--text-secondary: #bac2de; /* Subtext 1 */
|
||||
--text-muted: #6c7086; /* Overlay 1 */
|
||||
|
||||
--accent-primary: #89b4fa; /* Blue */
|
||||
--accent-secondary: #f5c2e7; /* Pink */
|
||||
|
||||
--success: #a6e3a1; /* Green */
|
||||
--warning: #f9e2af; /* Yellow */
|
||||
--error: #f38ba8; /* Red */
|
||||
```
|
||||
|
||||
### Recommandé Pour
|
||||
|
||||
- Sessions de travail prolongées
|
||||
- Travail créatif et design
|
||||
- Ceux qui préfèrent les couleurs douces
|
||||
- Alternance avec des thèmes plus contrastés
|
||||
|
||||
### Liens
|
||||
|
||||
- [Catppuccin Official](https://catppuccin.com/)
|
||||
- [GitHub](https://github.com/catppuccin/catppuccin)
|
||||
- [Palettes](https://catppuccin.com/palette)
|
||||
|
||||
---
|
||||
|
||||
## 🌲 Everforest Dark
|
||||
|
||||
Everforest est un thème inspiré de la nature avec une palette de couleurs vertes et beiges confortables.
|
||||
|
||||
### Caractéristiques
|
||||
|
||||
- **Style** : Naturel, organique, reposant
|
||||
- **Accents** : Bleu aqua (#7fbbb3), Vert doux (#a7c080)
|
||||
- **Philosophie** : Inspiré par la forêt, couleurs naturelles et apaisantes
|
||||
- **Contraste** : Moyen, confortable pour les yeux
|
||||
|
||||
### Palette de Couleurs
|
||||
|
||||
```css
|
||||
--bg-primary: #2d353b; /* BG Dim */
|
||||
--bg-secondary: #272e33; /* BG 0 */
|
||||
--bg-tertiary: #343f44; /* BG 1 */
|
||||
--bg-elevated: #3d484d; /* BG 2 */
|
||||
|
||||
--text-primary: #d3c6aa; /* FG */
|
||||
--text-secondary: #b4a990; /* Grey 1 */
|
||||
--text-muted: #7a8478; /* Grey 0 */
|
||||
|
||||
--accent-primary: #7fbbb3; /* Aqua */
|
||||
--accent-secondary: #a7c080; /* Green */
|
||||
|
||||
--success: #a7c080; /* Green */
|
||||
--warning: #dbbc7f; /* Yellow */
|
||||
--error: #e67e80; /* Red */
|
||||
```
|
||||
|
||||
### Recommandé Pour
|
||||
|
||||
- Travail en extérieur ou près de fenêtres
|
||||
- Ceux qui aiment les couleurs naturelles
|
||||
- Lecture et écriture longue durée
|
||||
- Environnement calme et zen
|
||||
|
||||
### Liens
|
||||
|
||||
- [Everforest Official](https://github.com/sainnhe/everforest)
|
||||
- [GitHub](https://github.com/sainnhe/everforest)
|
||||
- [Color Palette](https://github.com/sainnhe/everforest/blob/master/palette.md)
|
||||
|
||||
---
|
||||
|
||||
## Comparaison
|
||||
|
||||
| Aspect | Catppuccin | Everforest |
|
||||
|--------|------------|------------|
|
||||
| **Contraste** | Moyen-élevé | Moyen |
|
||||
| **Saturation** | Moyenne | Basse |
|
||||
| **Ambiance** | Moderne, élégant | Naturel, zen |
|
||||
| **Accents** | Bleu/Rose | Vert/Aqua |
|
||||
| **Popularité** | Très populaire | Populaire |
|
||||
| **Cas d'usage** | Général, design | Lecture, écriture |
|
||||
|
||||
## Installation
|
||||
|
||||
Les deux thèmes sont maintenant disponibles par défaut dans Project Notes !
|
||||
|
||||
### Activation
|
||||
|
||||
1. Cliquez sur "⚙️ Paramètres" en bas de la sidebar
|
||||
2. Sélectionnez **Catppuccin** (🌸) ou **Everforest** (🌲)
|
||||
3. Le thème s'applique instantanément
|
||||
4. Votre choix est sauvegardé automatiquement
|
||||
|
||||
## Personnalisation Avancée
|
||||
|
||||
### Modifier Catppuccin
|
||||
|
||||
Si vous souhaitez utiliser une autre variante de Catppuccin (Latte, Frappé, Macchiato), modifiez `static/themes.css` :
|
||||
|
||||
```css
|
||||
[data-theme="catppuccin"] {
|
||||
/* Exemple : Catppuccin Frappé */
|
||||
--bg-primary: #303446;
|
||||
--bg-secondary: #292c3c;
|
||||
/* ... autres couleurs */
|
||||
}
|
||||
```
|
||||
|
||||
### Modifier Everforest
|
||||
|
||||
Pour ajuster le contraste d'Everforest :
|
||||
|
||||
```css
|
||||
[data-theme="everforest"] {
|
||||
/* Contraste élevé */
|
||||
--bg-primary: #1e2326;
|
||||
--bg-secondary: #272e33;
|
||||
/* ... autres couleurs */
|
||||
}
|
||||
```
|
||||
|
||||
## Intégration avec CodeMirror
|
||||
|
||||
Pour synchroniser CodeMirror avec ces thèmes, ajoutez dans votre code :
|
||||
|
||||
```javascript
|
||||
const codemirrorThemeMap = {
|
||||
'catppuccin': 'catppuccin-mocha', // Nécessite le thème CodeMirror
|
||||
'everforest': 'everforest-dark', // Nécessite le thème CodeMirror
|
||||
// ... autres mappings
|
||||
};
|
||||
```
|
||||
|
||||
## Feedback
|
||||
|
||||
Ces thèmes ont été ajoutés suite aux retours de la communauté. N'hésitez pas à suggérer d'autres thèmes populaires !
|
||||
|
||||
### Thèmes à venir (potentiellement)
|
||||
|
||||
- [ ] Gruvbox Dark
|
||||
- [ ] Tokyo Night
|
||||
- [ ] Rosé Pine
|
||||
- [ ] Ayu Dark
|
||||
- [ ] Kanagawa
|
||||
|
||||
---
|
||||
|
||||
**Date d'ajout** : 11 novembre 2025
|
||||
**Version** : 2.2.0
|
||||
**Total de thèmes** : 8
|
||||
Reference in New Issue
Block a user