popcodeorg / popcodeorg/popcode
Improve syntax highlighting color constrast
Chưa có ai nhận issue này.
- Ngôn ngữ chính
- JavaScript
- Star
- 191
- Fork
- 143
- Merge trung bình
- 4 ngày 11 giờ
- Pull request đã merge (30 ngày)
- 5
Mô tả
Inspired loosely by the idea behind colorblind-wombat-dark-syntax, improve the color contrast of syntax highlighting so that it is more accessible to students with various forms of colorblindness. As noted in the above linked article, most syntax highlighters need more 7 colors, so this will likely not be perfect, but at a minimum we can improve the contrast for syntax highlighting.
More research is probably needed to figure out good colors for the white background popcode uses, but here's a starting point on color palettes for colorblindness. Specifically, the 12 color palette looks very promising:

Concrete proposal is to roll our own ACE theme based on the 12 color palette, avoiding the lighter/lower-contrast tones (so we’d probably have about eight to work with). Looking at the built-in ACE themes, most appear to only be about 100 lines of CSS, so this seems pretty practical. And building our own from scratch removes a lot of the unpredictability associated with trying to adapt an existing theme.
Of course from an implementation standpoint we should be able to just write appropriately-scoped rules right into our own stylesheet.
Hướng dẫn đóng góp
Chưa lập chỉ mục được hướng dẫn đóng góp cho kho mã nguồn này
Bắt đầu từ đâu
- Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
- 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.
- Fork repository và làm thay đổi trên một nhánh.
- Mở pull request có tham chiếu số hiệu của issue.
Hướng nghiên cứu
Bắt đầu bằng cách xem xét các theme ACE tích hợp sẵn và stylesheet riêng của dự án để xác định cách các màu tô sáng cú pháp hiện được áp dụng. Nghiên cứu các bảng màu dành cho người mù màu được liên kết và so sánh các màu ứng viên trên nền trắng của trình soạn thảo. Được xem là hoàn tất khi một theme ACE tùy chỉnh có phạm vi giới hạn hoặc các quy tắc stylesheet cung cấp độ tương phản được cải thiện rõ rệt cho người dùng mù màu.
Do mô hình lập chỉ mục viết ra từ nội dung của issue.
Đánh giá
- Công nghệ
- css, javascript
- Lĩnh vực
- accessibility, design, frontend
- Loại issue
- Tính năng
- Độ khó
- 4/5
- Thời gian dự kiến
- 3-5 ngày
- Mức độ hoạt động
- Đình trệ
- Độ rõ ràng
- Khá rõ ràng
- Mức phù hợp với người mới
- 38/100