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

fix: corriger les classes CSS mortes de la sidebar dans les thèmes

Browse Source 
Les thèmes référençaient d'anciennes classes (sidebar__menu__*__link)
jamais générées par le JS. Remplacement par les vraies classes nav-tree
(nav-root-link, nav-folder-link, nav-file-link) et ajout du fond
sidebar et des états actifs configurables par thème.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Gato
2026-06-19 15:20:55 +02:00
parent e34528c886
commit 75c85e7e0a
3 changed files with 43 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src-tauri/resources/themes/default.css
+27 -10
View File
@@ -187,25 +187,42 @@ body {
/* ── Barre latérale ─────────────────────────── */ /* ── Barre latérale ─────────────────────────── */
/* Lien de premier niveau au survol */ /* Fond de la barre latérale */
.sidebar__menu__first-level-title__link:hover { .sidebar {
background: #1a1b2e;
}
/* Lien racine (premier niveau) au survol */
.nav-root-link:hover {
color: #818cf8; color: #818cf8;
} }
/* Lien de premier niveau actif (page ouverte) */ /* Lien racine (premier niveau) actif (page ouverte) */
.sidebar__menu__first-level-title__link.active { .nav-root-link.active {
color: #818cf8; color: #818cf8;
background: rgba(129, 140, 248, 0.08); background: rgba(129, 140, 248, 0.08);
} }
/* Lien de second niveau au survol */ /* Lien de dossier au survol */
.sidebar__menu__second-level-title__link:hover { .nav-folder-link:hover {
color: #818cf8; color: #818cf8;
} }
/* Lien de second niveau actif (page ouverte) */ /* Lien de dossier actif */
.sidebar__menu__second-level-title__link.active { .nav-folder-link.active {
color: #818cf8; color: #818cf8;
background: rgba(129, 140, 248, 0.08);
}
/* Lien de fichier (sous-niveaux) au survol */
.nav-file-link:hover {
color: #818cf8;
}
/* Lien de fichier actif (page ouverte) */
.nav-file-link.active {
color: #818cf8;
background: rgba(129, 140, 248, 0.08);
} }
@@ -213,8 +230,8 @@ body {
/* Fond et bordure inférieure de la barre de titre */ /* Fond et bordure inférieure de la barre de titre */
#titlebar { #titlebar {
background: #0f172a; background: #1a1b2e;
border-bottom: 1px solid #1e293b; /* border-bottom: 1px solid #1e293b; */
} }
/* Texte du titre de la fenêtre */ /* Texte du titre de la fenêtre */
src-tauri/resources/themes/shell-indigo.css
+6 -4
View File
@@ -17,10 +17,12 @@ body { background: #f1f5f9; }
.content table td { border-bottom-color: rgba(79, 70, 229, 0.25); } .content table td { border-bottom-color: rgba(79, 70, 229, 0.25); }
.content strong { color: #0f172a; } .content strong { color: #0f172a; }
.content hr { border-color: #e2e8f0; } .content hr { border-color: #e2e8f0; }
.sidebar__menu__first-level-title__link:hover { color: #818cf8; } .nav-root-link:hover { color: #818cf8; }
.sidebar__menu__first-level-title__link.active { color: #818cf8; background: rgba(129, 140, 248, 0.08); } .nav-root-link.active { color: #818cf8; background: rgba(129, 140, 248, 0.08); }
.sidebar__menu__second-level-title__link:hover { color: #818cf8; } .nav-folder-link:hover { color: #818cf8; }
.sidebar__menu__second-level-title__link.active { color: #818cf8; } .nav-folder-link.active { color: #818cf8; background: rgba(129, 140, 248, 0.08); }
.nav-file-link:hover { color: #818cf8; }
.nav-file-link.active { color: #818cf8; background: rgba(129, 140, 248, 0.08); }
#titlebar { background: #0f172a; border-bottom: 1px solid #1e293b; } #titlebar { background: #0f172a; border-bottom: 1px solid #1e293b; }
#titlebar-title { color: rgba(255,255,255,0.5); } #titlebar-title { color: rgba(255,255,255,0.5); }
.titlebar-controls button { color: rgba(255,255,255,0.45); } .titlebar-controls button { color: rgba(255,255,255,0.45); }
src/style.css
+10 -2
View File
@@ -324,7 +324,11 @@ body {
transition: color 0.2s; transition: color 0.2s;
} }
.nav-root-link:hover { color: #ff5577; } .nav-root-link:hover { color: #ff5577; }
.nav-root-link.active { color: #ff5577; font-weight: 500; } .nav-root-link.active {
color: #818cf8;
background: rgba(129, 140, 248, 0.08);
font-weight: 500;
}
.nav-folder { margin: 0; } .nav-folder { margin: 0; }
.nav-folder > summary { .nav-folder > summary {
@@ -392,7 +396,11 @@ body {
transition: color 0.2s; transition: color 0.2s;
} }
.nav-file-link:hover { color: #ff5577; } .nav-file-link:hover { color: #ff5577; }
.nav-file-link.active { color: #ff5577; font-weight: 500; } .nav-file-link.active {
color: #818cf8;
background: rgba(129, 140, 248, 0.08);
font-weight: 500;
}
.nav-depth-1 > .nav-file-link { padding: 5px 24px 5px 52px; } .nav-depth-1 > .nav-file-link { padding: 5px 24px 5px 52px; }
.nav-depth-1 > .nav-folder > summary { padding-left: 24px; } .nav-depth-1 > .nav-folder > summary { padding-left: 24px; }