Hacktoberfest 2026: as issues que os mantenedores marcaram para outubro, abertas e boas para iniciantes. Ver issues do Hacktoberfest

Add print-friendly light theme for board 🖨️

Aberta Para iniciantes
#589 0 comentários 0 reações 0 responsáveis Ver no GitHub

Mantenedores costumam responder em até 2 dias

Ninguém assumiu esta issue ainda.

Avaliação

Dificuldade
1/5
Tempo estimado
1-3 horas
Facilidade para iniciantes
88/100
Tipo de issue
Funcionalidade
Clareza
Claramente especificada
Status de atividade
Ativa
Stack de tecnologia
css, javascript
Domínio
design, frontend

Direção de pesquisa

Comece em client/src/index.css, o arquivo mencionado na issue, e revise os estilos existentes do quadro e o comportamento do botão de impressão. Adicione ali os estilos específicos de impressão solicitados e, em seguida, imprima o quadro ou visualize a prévia para confirmar que ele usa um fundo claro com texto legível e oculta os elementos de navegação e rodapé.

Escrita pelo modelo de indexação a partir do texto da issue.

Descrição

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!! 🔥

Linguagem predominante
JavaScript
Estrelas
39
Forks
105
Merge médio
1d 12h
PRs com merge (30d)
27

Preparar o ambiente

Primeiros passos

  1. Leia a issue inteira e depois o guia de contribuição do projeto.
  2. Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
  3. Faça um fork do repositório e trabalhe em uma branch.
  4. Abra um pull request que referencie o número da issue.

Mais de anoopcodehack/DevBoard

Todas as issues de anoopcodehack/DevBoard

Issues semelhantes

Mais issues de JavaScript

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.