Board theme changes based on time of day + weather🎨
Mantenedores costumam responder em até 1 dia
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 2/5
- Tempo estimado
- 1-3 horas
- Facilidade para iniciantes
- 76/100
- Tipo de issue
- Funcionalidade
- Clareza
- Claramente especificada
- Status de atividade
- Ativa
- Stack de tecnologia
- javascript, react, vite
- Domínio
- frontend
Direção de pesquisa
Comece por client/src/pages/Dashboard.jsx, o arquivo mencionado na issue, e confira como o dashboard aplica o tema atualmente. Implemente a seleção de tema baseada no horário descrita na issue e confirme que a cor de destaque muda em cada faixa de horário. O trabalho estará concluído quando o dashboard usar o tema especificado para o horário atual, sem adicionar pacotes nem fazer alterações no backend.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
Board theme changes based on time of day + weather
File: client/src/pages/Dashboard.jsx
Morning = warm sunrise theme
Afternoon = bright productivity theme
Evening = cool focused theme
Night = deep dark theme 💀
INSANE UX fr!!
Fix:
const getMoodTheme = () => {
const hour = new Date().getHours()
if (hour >= 5 && hour < 10) return {
name: 'sunrise',
accent: '#F39C12',
bg: '#110e08',
label: '🌅 Morning'
}
if (hour >= 10 && hour < 17) return {
name: 'focus',
accent: '#2980B9',
bg: '#080f14',
label: '☀️ Focus time'
}
if (hour >= 17 && hour < 21) return {
name: 'evening',
accent: '#E85D75',
bg: '#14080c',
label: '🌆 Evening'
}
return {
name: 'night',
accent: '#7F77DD',
bg: '#0f0f10',
label: '🌙 Night mode'
}
}
// auto apply theme:
useEffect(() => {
const theme = getMoodTheme()
document.documentElement.style
.setProperty('--accent', theme.accent)
}, [])
~20 lines! No packages, no backend 🎯
People will post screenshots of this!! 🔥
- Linguagem predominante
- JavaScript
- Estrelas
- 39
- Forks
- 105
- Merge médio
- 1d 18h
- PRs com merge (30d)
- 31
Preparar o ambiente
- Sem Dockerfile nem arquivo Docker Compose
- Sem modelo de pull request
- Ler o guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de anoopcodehack/DevBoard
-
enhancement good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 88/100
anoopcodehack/DevBoard#609 ·
Mantenedores costumam responder em até 1 dia
-
enhancement good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
anoopcodehack/DevBoard#608 ·
Mantenedores costumam responder em até 1 dia
-
good first issue
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 74/100
anoopcodehack/DevBoard#599 ·
Mantenedores costumam responder em até 1 dia
-
documentation good first issue
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 82/100
anoopcodehack/DevBoard#598 ·
Mantenedores costumam responder em até 1 dia
-
good first issue
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 82/100
anoopcodehack/DevBoard#597 ·
Mantenedores costumam responder em até 1 dia
Todas as issues de anoopcodehack/DevBoard
Issues semelhantes
-
needs-website-changes
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 68/100
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 75/100
Mantenedores costumam responder em até 1 dia
-
[Feature] 已有证书托管支持拖拽上传Aberta
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 63/100
-
[Bug]: [A11y] Missing accessible name on icon-only standalone links (WCAG 2.1 SC 2.4.4, 4.1.2)Abertabug
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 72/100
jaegertracing/jaeger-ui#4596 ·
Mantenedores costumam responder em até 1 dia
-
Add: CNC Region Calima [CO]Abertachannels:add check:passed
Dificuldade 1/5 Menos de uma hora Facilidade para iniciantes 72/100
Mantenedores costumam responder em até 9 dias