Godot: The find/search selection highlight for the built in documentation is very hard to see.

Created on 30 Sep 2018  路  26Comments  路  Source: godotengine/godot

Alpha 3.1 6cbdeedf57c7383827416da19b6026e3721f2812

Small enhancement request. When doing a search/find within editor documentation, the selection highlight is very difficult to find. Most the time I wonder if it was deselected. I'm not sure what to recommend as far as a highlight color.

Take a look at this screenshot and see how long it takes you to find the selection.

godot_master_2018-09-29_21-42-29

enhancement junior job editor usability

Most helpful comment

I give up. I rather find Wally.

All 26 comments

This happened to me too, I agree the highlight color is too subtle.

I give up. I rather find Wally.

@neikeq Haha, here he is! XD

one_highlight

:+1:
image

:-1:
image

Something else?
:heart:

I think it would make sense to reuse the text editor's selection color for this.

I think there was an issue about this already, but I can't find it.

@AlexHolly Would say green is certainly clearer of the two, but maybe what calinou suggested works out just fine. I'm fairly unqualified to vote on UI color choices though, so take it with a grain of salt. X)

The TextEditor color looks kind of the same and adding a Border like the CodeEditor has would be a bit work.

I'd suggest to choose a color that satisfies this 'algorithm':
http://www.w3.org/TR/AERT#color-contrast

It checks if two colors have enough contrast including for color-blinded people.

@rodolforg Interesting resource, and it also had an amusing typo. XD

The rage for color brightness difference is 125.

I agree with @rodolforg, the color should be WCAG 2.0 compliant.

WCAG 2.0 is brilliant in general, for a default theme green or yellow should be good to go.

Planning on giving it a go, so should I make it green with white text?

252C3B is the color of the background, which passes on all WCAG thresholds with #00FF79 as the green.

I'd do text #252C3B
with background #00FF79

I'd do text #252C3B
with background #00FF79

@btn0s This?
untitled-1

No need to reinvent the wheel, as @Calinou said:

I think it would make sense to reuse the text editor's selection color for this.

If you then want to review text editor default colors to match UX best practices, that's fine, but the fix for this issue should just be to reuse the existing selection color.

While we are on it, is there a reason the built in documentation does not have the same color coding as the online documentation? I never use the build in documentation, because I find the online version much easier to differentiate.

Does #21195 resolve this or is it still available for hacktoberfest?

While we are on it, is there a reason the built in documentation does not have the same color coding as the online documentation?

The built-in documentation is themed to match the Godot editor, which means it uses a dark theme by default.

The built-in documentation is themed to match the Godot editor, which means it uses a dark theme by default.

The dark two tone coloring may be pretty, not the best choice to learn, imho. Because both online documentation as well as GDscript inside the editor are using other color coding. Because it is multi colored, it's a lot easier to grasp. Ideally, I wish all three had the same color coding.

Bump. Is this resolved with #21195? (so, 3.1)

Not 100% sure but this is what I see in alpha 3:
godot_v3 1-alpha3_win64_2018-12-13_12-52-51

I haven't changed any settings in alpha 3 itself and IIRC settings should be version-independent, but definitely not the greenish color that it should be after #21195.

That's the expected color from #21195, 40808080 is ARGB, so it's gray with low opacity.
I agree that it's still not visible enough though. The background rect should likely be made a bit taller too to be easier to spot.

Ah, I put 40808080 in a html picker so it outputted a nice contrasting green, probably the picker interpreted it as RGBA :)

apparently the colors yellow and orange don't exist, lol..

Was this page helpful?
0 / 5 - 0 ratings