feat: Dark/Light/Rasta theme toggle (#35) #7

Open
ti-paul wants to merge 2 commits from feat/dark-mode-rasta-theme into main
Member

🌙 Dark Mode + Light Mode + 🌿 Rasta Theme

Ce que ça fait

  • 3 thèmes: Dark (défaut), Light, Rasta (rouge/or/vert)
  • Toggle fixé en haut à droite avec des boutons emoji
  • Détection auto de la préférence système au premier visit
  • localStorage — le thème persiste entre les sessions
  • Transitions fluides (0.35s) entre les modes
  • Chart.js met à jour ses couleurs dynamiquement
  • Anti-FOUC — script inline dans le <head> pour pas de flash
  • Mobile responsive

Fichiers modifiés

  • public/css/style.css — CSS custom properties, 3 thèmes, toggle UI
  • public/index.html — boutons de toggle, anti-FOUC script
  • public/js/app.js — logique de thème, mise à jour du chart

Closes #35


Migrated from Gitea PR #42 by @pawtrick on 2026-05-03T20:09:58Z

## 🌙 Dark Mode + Light Mode + 🌿 Rasta Theme ### Ce que ça fait - **3 thèmes:** Dark (défaut), Light, Rasta (rouge/or/vert) - **Toggle** fixé en haut à droite avec des boutons emoji - **Détection auto** de la préférence système au premier visit - **localStorage** — le thème persiste entre les sessions - **Transitions fluides** (0.35s) entre les modes - **Chart.js** met à jour ses couleurs dynamiquement - **Anti-FOUC** — script inline dans le `<head>` pour pas de flash - **Mobile responsive** ### Fichiers modifiés - `public/css/style.css` — CSS custom properties, 3 thèmes, toggle UI - `public/index.html` — boutons de toggle, anti-FOUC script - `public/js/app.js` — logique de thème, mise à jour du chart Closes #35 --- *Migrated from Gitea PR #42 by @pawtrick on 2026-05-03T20:09:58Z*
feat: dark/light/rasta theme toggle (#35)
Some checks are pending
CI / build-docker (pull_request) Waiting to run
b6a49ec57f
- CSS custom properties for all theme colors
- 3 themes: dark (default), light, rasta (red/gold/green)
- Toggle buttons fixed top-right with emoji indicators
- System preference detection on first visit
- localStorage persistence across sessions
- Smooth 0.35s transitions between themes
- Chart.js colors update dynamically on theme switch
- Anti-FOUC inline script in <head>
- Mobile responsive toggle

Closes #35
Some checks are pending
CI / build-docker (pull_request) Waiting to run
This pull request has changes conflicting with the target branch.
  • api/track-messages.py
  • public/404.html
  • public/index.html
  • public/js/app.js
View command line instructions

Manual merge helper

Use this merge commit message when completing the merge manually.

Checkout

From your project repository, check out a new branch and test the changes.
git fetch -u origin feat/dark-mode-rasta-theme:feat/dark-mode-rasta-theme
git switch feat/dark-mode-rasta-theme

Merge

Merge the changes and update on Forgejo.

Warning: The "Autodetect manual merge" setting is not enabled for this repository, you will have to mark this pull request as manually merged afterwards.

git switch main
git merge --no-ff feat/dark-mode-rasta-theme
git switch feat/dark-mode-rasta-theme
git rebase main
git switch main
git merge --ff-only feat/dark-mode-rasta-theme
git switch feat/dark-mode-rasta-theme
git rebase main
git switch main
git merge --no-ff feat/dark-mode-rasta-theme
git switch main
git merge --squash feat/dark-mode-rasta-theme
git switch main
git merge --ff-only feat/dark-mode-rasta-theme
git switch main
git merge feat/dark-mode-rasta-theme
git push origin main
Sign in to join this conversation.
No reviewers
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
les_clankeurs/dashboard!7
No description provided.