Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

Light theme (2/3): use the theme tokens on the remaining pages

Aperta
  • Qualcosa non va?
#72 3 commenti 0 reazioni 1 assegnatario Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

@kuldeep21-10 ci sta già lavorando.

Dal 24/10/2026.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
73/100
Tipo di issue
Refactoring
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
javascript, react, tailwindcss, vite
Ambito
frontend

Direzione di ricerca

Start with the three pages and two shared components listed in the issue, then inspect the theme tokens added by Light theme (1/3), which must be merged first. Replace the listed slate classes with matching tokens, update the Dashboard stat icon colors to use currentColor, and search the client for remaining slate-9 and slate-8 classes. Done when the search and build meet the acceptance criteria and the specified screenshots look unchanged.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

difficulty: medium enhancement frontend hacktoberfest help wanted
Context

Second step towards a light theme. Builds on "Light theme (1/3): move the shared colours into theme tokens", using the same tokens on the rest of the app. Again, nothing should look different afterwards.

Please start this after "Light theme (1/3)" is merged.

Files likely involved
  • client/src/pages/Dashboard.jsx, client/src/pages/Tasks.jsx, client/src/pages/Profile.jsx
  • client/src/components/Shared/TaskSkeleton.jsx, client/src/components/Shared/Spinner.jsx
Acceptance criteria
  • These files use the theme tokens from "Light theme (1/3)" instead of slate-* classes for backgrounds, borders and text. Add a token only if one is really missing.
  • The Dashboard's stat card icons stop using hard-coded colours like #3b82f6 in their SVGs. Use currentColor with a text colour class instead.
  • Searching the client for slate-9 and slate-8 finds nothing left, except accent colours and index.css itself.
  • Everything looks exactly the same as before.
How to test
  1. Before and after screenshots of the Dashboard, Tasks (with tasks, empty, and loading), the New Task dialog and Profile: no difference.
  2. npm run build passes.

New here? 👋 Comment below to ask to work on this issue, and wait to be assigned. Then follow CONTRIBUTING.md for setup and how to open a pull request. Questions are welcome in the comments or in Discussions.

Lingua principale
JavaScript
Stelle
3
Fork
2
Merge medio
7h 8m
PR unite (30g)
38

Preparare l'ambiente

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di KEX-03/taskflow

Tutte le issue di KEX-03/taskflow

Issue simili

Altre issue su JavaScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.