Auto switch to dark mode at sunset time 🌙
Maintainer antworten meist innerhalb von 2 Tagen
Dieses Issue hat noch niemand übernommen.
Bewertung
- Schwierigkeit
- 2/5
- Geschätzter Aufwand
- 1-3 Stunden
- Anfängerfreundlichkeit
- 57/100
- Issue-Typ
- Feature
- Klarheit
- Größtenteils klar
- Aktivitätsstatus
- Aktiv
- Tech-Stack
- javascript, react
- Bereich
- frontend
Rechercherichtung
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.
Vom Indexierungsmodell aus dem Issue-Text verfasst.
Beschreibung
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!!
- Vorherrschende Sprache
- JavaScript
- Sterne
- 39
- Forks
- 105
- Ø Merge
- 1 T. 12 Std.
- Gemergte PRs (30 T.)
- 27
Entwicklungsumgebung
- Kein Dockerfile und keine Docker-Compose-Datei
- Keine Pull-Request-Vorlage
- Beitragsleitfaden lesen
Erste Schritte
- Lesen Sie das ganze Issue und danach den Beitragsleitfaden des Projekts.
- Schreiben Sie ins Issue, dass Sie es übernehmen — das erspart doppelte Arbeit.
- Forken Sie das Repository und arbeiten Sie in einem Branch.
- Öffnen Sie einen Pull Request, der die Issue-Nummer nennt.
Mehr aus anoopcodehack/DevBoard
-
good first issue
Schwierigkeit 1/5 1-3 Stunden Anfängerfreundlichkeit 88/100
anoopcodehack/DevBoard#589 ·
Maintainer antworten meist innerhalb von 2 Tagen
-
enhancement good first issue
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 68/100
anoopcodehack/DevBoard#588 ·
Maintainer antworten meist innerhalb von 2 Tagen
-
good first issue
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 82/100
anoopcodehack/DevBoard#587 ·
Maintainer antworten meist innerhalb von 2 Tagen
-
good first issue
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 90/100
anoopcodehack/DevBoard#586 ·
Maintainer antworten meist innerhalb von 2 Tagen
-
good first issue
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 65/100
anoopcodehack/DevBoard#584 ·
Maintainer antworten meist innerhalb von 2 Tagen
Alle Issues in anoopcodehack/DevBoard
Ähnliche Issues
-
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 66/100
Maintainer antworten meist innerhalb von 3 Tagen
-
audit.md numbers Theming and Responsive Design differently in the headings and the score tableEvtl. vergeben @pbakaus hat das heute übernommen. Offenneeds triage
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 90/100
pbakaus/impeccable#979 ·
Maintainer antworten meist innerhalb von 1 Tag
-
area/web interface
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 78/100
mastodon/mastodon#40924 · 1 Kommentar ·
Maintainer antworten meist innerhalb von 1 Tag
-
fireEvent.select does not wrap its automatic native focus in actEvtl. vergeben @sergioperezcheco hat das heute übernommen. Offen
Schwierigkeit 2/5 1-3 Stunden Anfängerfreundlichkeit 88/100
-
bug user-priority/P2
Schwierigkeit 1/5 Unter einer Stunde Anfängerfreundlichkeit 92/100
Maintainer antworten meist innerhalb von 1 Tag