feat: #65 systeme de themes — 15 themes x dark/light
CI / lint (push) Failing after 2s
CI / test (push) Has been skipped
CI / build (push) Has been skipped
CI / e2e (push) Has been skipped
CI / security (push) Failing after -8s

- themes.js: 15 palettes (Defaut ObsiGate, GitHub, Linear, Spotify, Notion,
  Discord, Dracula, One Dark, Tokyo Night, Nord, Night Owl, Anthracite,
  Cyberpunk, Navy Elegance, Tons Terreux)
- Chaque theme a un mode sombre ET clair
- UI: grille de themes dans Configuration → Themes
- Toggle Sombre/Clair par theme
- Persistance localStorage (obsigate-theme + obsigate-theme-mode)
- Preview visuel: barre de couleur + accent bouton
- initThemes() appele au startup dans sync.js
- Defaut ObsiGate conserve le theme actuel
This commit is contained in:
2026-06-15 23:20:35 -04:00
parent 671befe610
commit d1841a057d
5 changed files with 723 additions and 0 deletions
+18
View File
@@ -1352,6 +1352,9 @@
<a href="#cfg-about" class="help-nav-link"
>📦 A propos</a
>
<a href="#cfg-themes" class="help-nav-link"
>🎨 Themes</a
>
</li>
</ul>
</nav>
@@ -1944,6 +1947,21 @@
</div>
</section>
<!-- Themes -->
<section
class="config-section help-section"
id="cfg-themes"
>
<h2>🎨 Thèmes</h2>
<p class="config-description">
Choisissez un thème visuel. Chaque thème
offre un mode sombre et clair.
</p>
<div class="theme-grid" id="theme-grid">
<div class="config-diag-loading">Chargement...</div>
</div>
</section>
<!-- À propos -->
<section
class="config-section help-section"