Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

Add print-friendly light theme for board 🖨️

Abierto Apto para principiantes
#589 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 2 días

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
1/5
Tiempo estimado
1-3 horas
Aptitud para principiantes
88/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
css, javascript
Área
design, frontend

Línea de trabajo

Empieza en client/src/index.css, el archivo mencionado en la issue, y revisa los estilos existentes del tablero y el comportamiento del botón de impresión. Añade allí los estilos específicos de impresión solicitados y, después, imprime el tablero o muestra una vista previa para confirmar que usa un fondo claro con texto legible y oculta los elementos de navegación y el pie de página.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

good first issue

Add print-friendly light theme for board 🖨️

File: client/src/index.css

Print button exists but printed board
is dark background = wastes ink 💀 fr!!

Fix: add print-specific styles to index.css:
@media print {
body {
background: white !important;
color: black !important;
}
.bg-[#0f0f10], .bg-[#1a1a1f] {
background: white !important;
border: 1px solid #eee !important;
}
.text-[#f0f0f0], .text-[#888] {
color: black !important;
}
.text-purple-400 {
color: #5b21b6 !important;
}
nav, footer, .no-print {
display: none !important;
}
}

~15 lines! Pure CSS only ✅
No JavaScript or backend needed 🎯
Saves tons of printer ink!! 🔥

Lenguaje dominante
JavaScript
Estrellas
39
Forks
105
Merge medio
1 d 12 h
PR fusionados (30 d)
27

Preparar el entorno

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de anoopcodehack/DevBoard

Todos los issues de anoopcodehack/DevBoard

Issues similares

Más issues de JavaScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.