Add print-friendly light theme for board 🖨️
Maintainers usually reply within 2 days
Nobody has claimed this yet.
Assessment
- Difficulty
- 1/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 88/100
- Issue type
- Feature
- Clarity
- Clearly specified
- Activity status
- Active
- Tech stack
- css, javascript
Research direction
Start in client/src/index.css, the file named in the issue, and review the existing board styles and print button behavior. Add the requested print-specific styles there, then print or preview the board to confirm it uses a light background with readable text and hides navigation and footer elements.
Written by the indexing model from the issue text.
Description
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!! 🔥
- Dominant language
- JavaScript
- Stars
- 39
- Forks
- 105
- Avg merge
- 1d 12h
- Merged PRs (30d)
- 27
Getting set up
- No Dockerfile or Docker Compose file
- No pull request template
- Read the contributing guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from anoopcodehack/DevBoard
-
enhancement good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
anoopcodehack/DevBoard#588 ·
Maintainers usually reply within 2 days
-
good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
anoopcodehack/DevBoard#587 ·
Maintainers usually reply within 2 days
-
good first issue
Difficulty 1/5 Under an hour Newbie friendliness 90/100
anoopcodehack/DevBoard#586 ·
Maintainers usually reply within 2 days
-
good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
anoopcodehack/DevBoard#584 ·
Maintainers usually reply within 2 days
-
good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 85/100
anoopcodehack/DevBoard#583 ·
Maintainers usually reply within 2 days
All issues in anoopcodehack/DevBoard
Similar issues
-
bug user-priority/P2
Difficulty 1/5 Under an hour Newbie friendliness 92/100
Maintainers usually reply within 1 day
-
Difficulty 2/5 Under an hour Newbie friendliness 78/100
opencart/opencart#15763 · 2 comments · 1 reaction ·
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
neondatabase/agent-skills#139 ·
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
Effect-TS/effect#8881 · 1 comment ·
Maintainers usually reply within 1 day
-
mail processing verified
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
Maintainers usually reply within 7 days