Add a light theme with a toggle
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- Medio día
- Aptitud para principiantes
- 66/100
- Tipo de issue
- Nueva funcionalidad
- Claridad
- Bastante claro
- Estado de actividad
- Activo
- Stack tecnológico
- css, html, javascript
- Área
- accessibility, frontend
Línea de trabajo
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.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
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
- Lenguaje dominante
- CSS
- Estrellas
- 1
- Forks
- 1
- Merge medio
- 39 min
- PR fusionados (30 d)
- 6
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Tiene una plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de NotADIM2/GameVault
-
Deployment guideAbiertodocumentation help wanted
Dificultad 2/5 1-3 horas Aptitud para principiantes 82/100
-
frontend help wanted
Dificultad 2/5 1-3 horas Aptitud para principiantes 78/100
-
Share button on game pagesAbiertofrontend good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 76/100
-
Add a faviconAbiertofrontend good first issue
Dificultad 1/5 1-3 horas Aptitud para principiantes 85/100
-
frontend good first issue
Dificultad 2/5 1-3 horas Aptitud para principiantes 80/100
Todos los issues de NotADIM2/GameVault
Issues similares
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 65/100
MetrolistGroup/Metrolist#4732 ·
Los mantenedores suelen responder en 1 día
-
Dificultad 1/5 Menos de una hora Aptitud para principiantes 70/100
Los mantenedores suelen responder en 1 día
-
dogfood enhancement ready-to-fix
Dificultad 2/5 1-3 horas Aptitud para principiantes 66/100
burkeholland/markdoc#2579 · 2 comentarios ·
Los mantenedores suelen responder en 1 día
-
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
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
Los mantenedores suelen responder en 1 día
-
tech-debt
Dificultad 2/5 1-3 horas Aptitud para principiantes 74/100
philipphoeninger/procure-access#339 ·
Los mantenedores suelen responder en 1 día