[PR #24] [MERGED] feat: Add theme selector to header #82

New issue

Closed

opened 2026-05-06 12:18:38 +02:00 by BreizhHardware · 0 comments

BreizhHardware commented

2026-05-06 12:18:38 +02:00

Owner

📋 Pull Request Information

Original PR: https://github.com/BreizhHardware/Site-comptage-heure/pull/24
Author: @BreizhHardware
Created: 11/20/2025
Status: ✅ Merged
Merged: 11/20/2025
Merged by: @BreizhHardware

Base: dev ← Head: feat/auto-theme

📝 Commits (1)

73ddaf3 feat: Add theme selector to header

📊 Changes

2 files changed (+78 additions, -18 deletions)

View changed files

📝 components/Header.tsx (+22 -18)
➕ components/mode-toggle.tsx (+56 -0)

📄 Description

This pull request introduces a new theme mode toggle feature to the application's header, allowing users to switch between light, dark, and system themes. The main change is the addition of the ModeToggle component and its integration into the Header.

New Theme Toggle Feature:

Added a new ModeToggle component in components/mode-toggle.tsx that provides a popover menu for switching between light, dark, and system themes using the next-themes library.
Integrated the ModeToggle component into the Header so it appears alongside user session information. [1] [2] [3]

Closes #20

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/BreizhHardware/Site-comptage-heure/pull/24 **Author:** [@BreizhHardware](https://github.com/BreizhHardware) **Created:** 11/20/2025 **Status:** ✅ Merged **Merged:** 11/20/2025 **Merged by:** [@BreizhHardware](https://github.com/BreizhHardware) **Base:** `dev` ← **Head:** `feat/auto-theme` --- ### 📝 Commits (1) - [`73ddaf3`](https://github.com/BreizhHardware/Site-comptage-heure/commit/73ddaf38fbc2a3caee7ff91124acdd2782f0d416) feat: Add theme selector to header ### 📊 Changes **2 files changed** (+78 additions, -18 deletions) <details> <summary>View changed files</summary> 📝 `components/Header.tsx` (+22 -18) ➕ `components/mode-toggle.tsx` (+56 -0) </details> ### 📄 Description This pull request introduces a new theme mode toggle feature to the application's header, allowing users to switch between light, dark, and system themes. The main change is the addition of the `ModeToggle` component and its integration into the `Header`. **New Theme Toggle Feature:** * Added a new `ModeToggle` component in `components/mode-toggle.tsx` that provides a popover menu for switching between light, dark, and system themes using the `next-themes` library. * Integrated the `ModeToggle` component into the `Header` so it appears alongside user session information. [[1]](diffhunk://#diff-a705902108330efeeffcb3ff25696c3982c311b332b1a3d1007b70468080b5f0R6) [[2]](diffhunk://#diff-a705902108330efeeffcb3ff25696c3982c311b332b1a3d1007b70468080b5f0L22-R26) [[3]](diffhunk://#diff-a705902108330efeeffcb3ff25696c3982c311b332b1a3d1007b70468080b5f0L38-R44) Closes #20 --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>