Gato/Pena
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 3 Wiki Activity

feat: thèmes rapides gérés par le backend via fichiers CSS

Browse Source 
Les thèmes ne sont plus codés en dur dans le JS. Chaque thème est
un fichier CSS dans src-tauri/resources/themes/, embarqué à la
compilation via include_str!. Le backend expose list_themes et
get_theme_css comme commandes Tauri ; le frontend charge et met en
cache le CSS à la demande.

Ajout du thème "Défaut" (basé sur Shell Indigo) avec commentaires
sur chaque règle et rendu complet des tableaux (en-têtes en
majuscules, bordure extérieure, séparateurs verticaux, lignes
alternées) aligné sur MarkdownRender-nodejs.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Gato
2026-06-19 15:04:11 +02:00
parent 8b39c09484
commit e34528c886
19 changed files with 560 additions and 46 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src-tauri/resources/themes/shell-indigo.css
+27
View File
@@ -0,0 +1,27 @@
body { background: #f1f5f9; }
::selection { background: #c7d2fe; }
.content { background: #ffffff; color: #1e293b; }
.content a { color: #4f46e5; border-bottom: 1px solid #c7d2fe; }
.content a:hover { color: #3730a3; border-bottom-color: #4f46e5; }
.content a:visited { color: #6d28d9; }
.content a:visited:hover { color: #3730a3; }
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 { color: #0f172a; }
.content p { color: #1e293b; }
.content ul li, .content ol li { color: #1e293b; }
.content code { background: #f1f5f9; color: #4f46e5; border: 1px solid #e2e8f0; }
.content pre { background: #0f172a; border: 1px solid #1e293b; border-radius: 10px; }
.content pre code { background: none; color: #e2e8f0; }
.content blockquote { border-color: #818cf8; background: #f5f3ff; color: #4338ca; }
.content table { color: #374151; }
.content table th { border-bottom-color: #4f46e5; color: #334155; }
.content table td { border-bottom-color: rgba(79, 70, 229, 0.25); }
.content strong { color: #0f172a; }
.content hr { border-color: #e2e8f0; }
.sidebar__menu__first-level-title__link:hover { color: #818cf8; }
.sidebar__menu__first-level-title__link.active { color: #818cf8; background: rgba(129, 140, 248, 0.08); }
.sidebar__menu__second-level-title__link:hover { color: #818cf8; }
.sidebar__menu__second-level-title__link.active { color: #818cf8; }
#titlebar { background: #0f172a; border-bottom: 1px solid #1e293b; }
#titlebar-title { color: rgba(255,255,255,0.5); }
.titlebar-controls button { color: rgba(255,255,255,0.45); }
.titlebar-controls button:hover { background: rgba(255,255,255,0.08); color: rgba(255,255,255,0.9); }