Auto switch to dark mode at sunset time 🌙
Les mainteneurs répondent en général sous 2 jours
Personne n'a encore pris cette issue.
Évaluation
- Difficulté
- 2/5
- Temps estimé
- 1-3 heures
- Accessibilité débutants
- 57/100
- Type d'issue
- Fonctionnalité
- Clarté
- Plutôt claire
- Activité
- Active
- Stack technique
- javascript, react
- Domaine
- frontend
Piste de recherche
Start with client/src/pages/Dashboard.jsx, the file named in the issue, and check how its current dark-mode setting is connected to the theme context. The issue suggests checking the time every minute and showing a day/night indicator; confirm how the existing theme is applied before changing it. Done means the mode follows the time of day and the indicator matches the active theme.
Rédigé par le modèle d'indexation à partir du texte de l'issue.
Description
Auto switch to dark mode at sunset time 🌙
File: client/src/pages/Dashboard.jsx
Dark mode is always on 💀
Should auto switch based on time of day fr!!
Fix:
const isNightTime = () => {
const hour = new Date().getHours()
return hour >= 18 || hour < 6
}
const [isNight, setIsNight] = useState(isNightTime())
useEffect(() => {
const interval = setInterval(() => {
setIsNight(isNightTime())
}, 60000) // check every minute
return () => clearInterval(interval)
}, [])
// show indicator in navbar:
{isNight ? (
🌙 Night mode
) : (
☀️ Day mode
)}
~12 lines! No backend needed 🎯
Connect to theme context for full effect!!
- Langage dominant
- JavaScript
- Étoiles
- 39
- Forks
- 105
- Merge moyen
- 1 j 12 h
- PR mergées (30 j)
- 27
Préparer son environnement
- Aucun Dockerfile ni fichier Docker Compose
- Aucun modèle de pull request
- Lire le guide de contribution
Par où commencer
- Lisez l'issue en entier, puis le guide de contribution du projet.
- Signalez en commentaire que vous la prenez — cela évite que deux personnes fassent le même travail.
- Forkez le dépôt et travaillez sur une branche.
- Ouvrez une pull request qui référence le numéro de l'issue.
Autres issues de anoopcodehack/DevBoard
-
good first issue
Difficulté 1/5 1-3 heures Accessibilité débutants 88/100
anoopcodehack/DevBoard#589 ·
Les mainteneurs répondent en général sous 2 jours
-
Import tasks from CSV file 📤Ouverteenhancement good first issue
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
anoopcodehack/DevBoard#588 ·
Les mainteneurs répondent en général sous 2 jours
-
good first issue
Difficulté 2/5 1-3 heures Accessibilité débutants 82/100
anoopcodehack/DevBoard#587 ·
Les mainteneurs répondent en général sous 2 jours
-
good first issue
Difficulté 1/5 Moins d'une heure Accessibilité débutants 90/100
anoopcodehack/DevBoard#586 ·
Les mainteneurs répondent en général sous 2 jours
-
good first issue
Difficulté 2/5 1-3 heures Accessibilité débutants 65/100
anoopcodehack/DevBoard#584 ·
Les mainteneurs répondent en général sous 2 jours
Toutes les issues de anoopcodehack/DevBoard
Issues similaires
-
[DevEx]: Playground specs are excluded from both GUI and CI, so videoPlayground is unreachableOuvertedev experience
Difficulté 2/5 1-3 heures Accessibilité débutants 72/100
cuttle-cards/cuttle#1413 ·
Les mainteneurs répondent en général sous 1 jour
-
macOS
Difficulté 2/5 1-3 heures Accessibilité débutants 76/100
beyondcode/herd-community#1761 ·
-
More wallpapersOuverteenhancement
Difficulté 2/5 1-3 heures Accessibilité débutants 84/100
-
Make a dry lesson funOuvertecontent good first issue hacktoberfest
Difficulté 2/5 1-3 heures Accessibilité débutants 74/100
vieanderes/understory#19 ·
-
automated issue report
Difficulté 2/5 1-3 heures Accessibilité débutants 68/100
lirantal/discoprint#37 ·
Les mainteneurs répondent en général sous 1 jour