Make text for yellow blocks black or change yellow to something darker

[wareya]

What Happened

The yellow blocks are really hard to read, especially on displays with poor contrast, overly bright gamma settings, or glare.

How to Reproduce

Add a yellow block and see it being hard to read the label.

Block Coding Plugin Version

No response

Godot Engine Version

No response

Operating System

No response

Logs or command-line output

No response

Anything else?

Adding a black outline or dropshadow, or making the text black with a white outline or dropshadow, might also help instead. Lots of options. It's just really hard to read text-background color combinations that have poor contrast.

[manuq]

@wareya can you share a screen capture? You are probably trying an old release. Or maybe the last release has the blocks for Pong with old colors. This won't be the case anymore in next release because now the colors are not persisted in the project anymore.

[wareya]

Oh, the yellow nodes are gone and it's only the light orange ones now. The light orange is a lot better than the yellow, but it's still hard to read.

Here's what it might look like on a monitor with bright gamma:

[manuq]

@wareya would you like to provide an alternative color code? I borrowed this one from the CSS of Microsoft MakeCode Arcade, but their font is bold so it looks better:

[wareya]

e06000 seems to have enough contrast (bottom node):

It's starting to get into brown territory, but I think that's better than being hard to read.

I feel like doing a second pass over the colors might be a good idea in general; the light and dark green/blue look very similar to their counterparts in terms of brightness, and the magenta of "sounds" doesn't fit in with the other, more muted colors. Also the red-orange of "input" might look better with a little less orange and a little more black.

[manuq]

Thanks, that orange is much more readable.

I feel like doing a second pass over the colors might be a good idea in general; the light and dark green/blue look very similar to their counterparts in terms of brightness, and the magenta of "sounds" doesn't fit in with the other, more muted colors. Also the red-orange of "input" might look better with a little less orange and a little more black.

@wareya yes please! If you would like to give a pass over all the colors, here is where they are defined:

godot-block-coding/addons/block_code/ui/constants.gd

Line 18 in aa80f0c

const BUILTIN_CATEGORIES_PROPS: Dictionary = {

[manuq]

@wareya for now I have merged your color suggestion to fix the readability as in #202 (comment) . Would you still like to give a pass through all the colors?

[wareya]

Currently very busy... I'll try to make the time for it, but no promises!