Add a light theme with a toggle
Nessuno ha ancora preso questa issue.
Valutazione
- Difficoltà
- 3/5
- Tempo stimato
- Mezza giornata
- Idoneità per principianti
- 66/100
- Tipo di issue
- Funzionalità
- Chiarezza
- Abbastanza chiara
- Stato di attività
- Attiva
- Stack tecnologico
- css, html, javascript
- Ambito
- accessibility, frontend
Direzione di ricerca
Start in static/css/style.css and collect every hard-coded colour into variables on :root, then add a prefers-color-scheme: light block that redefines them. Next find the navbar template (likely under templates/) to place the toggle button, and add a small script that sets a data-theme attribute on the root element and stores the choice in localStorage, reading it back on load. Done means both themes render correctly, the toggle survives a reload, and contrast holds in each; check the rendered pages in a browser since there is no test suite named.
Scritto dal modello di indicizzazione a partire dal testo della issue.
Descrizione
The site only has a dark theme.
- Move the colours in
static/css/style.cssinto CSS variables if they aren't already - Add a light set of colours, used automatically when the system prefers light (
prefers-color-scheme) - Add a toggle in the navbar that overrides the system choice and remembers it in
localStorage - Check text contrast in both themes
- Lingua principale
- CSS
- Stelle
- 1
- Fork
- 1
- Merge medio
- 39m
- PR unite (30g)
- 6
Preparare l'ambiente
- Nessun Dockerfile né file Docker Compose
- Ha un modello di pull request
- Leggi la guida per i contributori
Come iniziare
- Leggi tutta la issue e poi la guida ai contributi del progetto.
- Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
- Fai un fork del repository e lavora su un branch.
- Apri una pull request che faccia riferimento al numero della issue.
Altre issue di NotADIM2/GameVault
-
Deployment guideApertadocumentation help wanted
Difficoltà 2/5 1-3 ore Idoneità per principianti 82/100
-
frontend help wanted
Difficoltà 2/5 1-3 ore Idoneità per principianti 78/100
-
Share button on game pagesApertafrontend good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 76/100
-
Add a faviconApertafrontend good first issue
Difficoltà 1/5 1-3 ore Idoneità per principianti 85/100
-
frontend good first issue
Difficoltà 2/5 1-3 ore Idoneità per principianti 80/100
Tutte le issue di NotADIM2/GameVault
Issue simili
-
bug
Difficoltà 2/5 1-3 ore Idoneità per principianti 65/100
MetrolistGroup/Metrolist#4732 ·
I maintainer di solito rispondono entro 1 giorno
-
Difficoltà 1/5 Meno di un'ora Idoneità per principianti 70/100
I maintainer di solito rispondono entro 1 giorno
-
dogfood enhancement ready-to-fix
Difficoltà 2/5 1-3 ore Idoneità per principianti 66/100
burkeholland/markdoc#2579 · 2 commenti ·
I maintainer di solito rispondono entro 1 giorno
-
accessibility area: css area: web ui bug difficulty: easy frontend good first issue help wanted javascript journey: first-visit journey: mobile priority: P3 quality tech: css tech: html typescript ui user-experience
Difficoltà 2/5 1-3 ore Idoneità per principianti 74/100
I maintainer di solito rispondono entro 1 giorno
-
tech-debt
Difficoltà 2/5 1-3 ore Idoneità per principianti 74/100
philipphoeninger/procure-access#339 ·
I maintainer di solito rispondono entro 1 giorno