Readability issue in Dark Theme diff popup

Continuing the discussion from Text under green diff color not visible in dark template:

I don’t really understand why we have two different green kind of blocks but the darker one really lacks contrast and is unreadable on mobile or on PC with sun shining.


(a photo from this diff, after you click the top right pencil icon)

8 Likes

Fixed via:

https://github.com/discourse/discourse/commit/15bb8954dee511a2f93137a85068412180fb72f2

The reason why there are two types of blocks is this:

Capture

First paragraph: when a whole new paragraph is added. The entire paragraph is marked and highlighted.

Second paragraph: when a paragraph is edited and some of the words in it are unchanged, only the new words are highlighted by adding <ins> or <del> tags around them.

The text contrast will be improved and partial / full edits will share the same style after the fix is applied.

Thanks for reporting @jesus2099

9 Likes

Thanks very much for your 120% answer!

1 Like

This topic was automatically closed after 26 hours. New replies are no longer allowed.