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

[Feature] Integrate Dark Mode to Website

Aperta
#449 10 commenti 0 reazioni 0 assegnatari Vedi su GitHub

@PrajwalLokhande2003 ci sta già lavorando.

Dal 1/4/2024.

Valutazione

Difficoltà
5/5
Tempo stimato
Più di una settimana
Idoneità per principianti
25/100
Tipo di issue
Funzionalità
Chiarezza
Da chiarire
Stato di attività
Ferma
Stack tecnologico
css, html, javascript

Direzione di ricerca

Inizia ispezionando l'header o il footer esistente del sito e gli responsive styles, poiché l'issue propone di inserire lì il toggle e segnala problemi di padding, margin, overflow e font-size. Chiarisci le scelte dei colori, la preferenza persistita, il comportamento di accessibilità e le correzioni responsive prima dell'implementazione; il lavoro è completato quando questi comportamenti richiesti funzionano tra le sessioni e nei layout mobili.

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

Descrizione

✨ goal: improvement 💻 aspect: code 🚧 status: blocked 🟩 priority: low

Problem ❓

As a user, I would like to add a feature to toggle the dark mode on the website for better visibility and to reduce eye strain.

Features to add✨

  • Dark mode toggle switch in the site's header or footer.
  • Customize color options for the dark mode to suit user preferences.
  • Ability to remember the user's dark mode preference across sessions.
  • Improve site's accessibility by adding screen reader support. (Optional)
  • Implement a fully furnished responsive design to improve the site's mobile usability. (current one includes padding, margin & overflow issues in responsive mode, with inconsistent font-size in general.)

This issue will help to enhance the website's functionality and user experience and make it more accessible and user-friendly for everyone.

Implementation

  • I would be interested in implementing this feature.

cc: @TimidRobot, @brylie, @possumbilities

Lingua principale
CSS
Stelle
160
Fork
200
Merge medio
19h 29m
PR unite (30g)
1

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 creativecommons/chooser

Tutte le issue di creativecommons/chooser

Issue simili

Altre issue su Accessibility

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.