scratchfoundation / scratchfoundation/scratch-blocks

Make the color of the block a comment is attached to more prominent

Open
#1,853 2 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement request
Dominant language
JavaScript
Stars
2.8k
Forks
1.6k
Avg merge
4h 51m
Merged PRs (30d)
12

Description

Design/feature request! I noticed that the border color of a block comment is actually based on the color of the block it's attached to:

A comment attached to a variable block (which is inside another block); the comment's outline is the same red border of the variable block.

This is a really neat touch, but I think the idea could be emphasized a lot more. What if the entire comment was colored according to the block it was attached to? I created this sketch (with inspect element) to give an idea of what that might look like:

Several comments each attached to a block, taking a lighter version of the color of that block as the background color of the comment.

At its core, the reason for this change is that it looks cool. But that might have a greater effect: since it would make adding comments more fun, Scratchers would be encouraged to add comments to their code! This is a key practice in programming large projects, especially outside of Scratch, and making it more fun to add comments would really help ease budding programmers into the idea of documenting their code.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the block-comment rendering and existing styling that derives the comment border from its attached block color. Compare the current appearance with the issue's sketches, then verify that the entire comment uses a lighter version of the attached block's color while preserving readable text and the existing attachment relationship.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript
Domain
design, frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.