174 lines
4.5 KiB
Markdown
174 lines
4.5 KiB
Markdown
# 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 PersoNotes !
|
|
|
|
### 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
|