Hacktoberfest 2026: những issue maintainer đã đánh dấu cho tháng Mười, đang mở và phù hợp người mới. Xem issue Hacktoberfest

Add print-friendly light theme for board 🖨️

Đang mở Phù hợp với người mới
#589 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Maintainer thường phản hồi trong vòng 2 ngày

Chưa có ai nhận issue này.

Đánh giá

Độ khó
1/5
Thời gian dự kiến
1-3 giờ
Mức phù hợp với người mới
88/100
Loại issue
Tính năng
Độ rõ ràng
Đặc tả rõ ràng
Mức độ hoạt động
Sôi nổi
Công nghệ
css, javascript
Lĩnh vực
design, frontend

Hướng nghiên cứu

Bắt đầu trong client/src/index.css, tệp được nêu trong issue, và xem xét các kiểu hiện có của bảng cũng như hành vi của nút in. Thêm các kiểu dành riêng cho in được yêu cầu vào đó, sau đó in hoặc xem trước bảng để xác nhận bảng sử dụng nền sáng với văn bản dễ đọc và ẩn các thành phần điều hướng và chân trang.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

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

Ngôn ngữ chính
JavaScript
Star
39
Fork
105
Merge trung bình
1 ngày 12 giờ
Pull request đã merge (30 ngày)
27

Chuẩn bị môi trường

Bắt đầu từ đâu

  1. Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
  2. Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
  3. Fork repository và làm thay đổi trên một nhánh.
  4. Mở pull request có tham chiếu số hiệu của issue.

Issue khác của anoopcodehack/DevBoard

Tất cả issue của anoopcodehack/DevBoard

Issue tương tự

Thêm issue về JavaScript

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.