# Readability issue in Dark Theme diff popup

**URL:** https://meta.discourse.org/t/readability-issue-in-dark-theme-diff-popup/90926
**Category:** Bug
**Created:** [June 28, 2018, 7:48am UTC](https://meta.discourse.org/t/readability-issue-in-dark-theme-diff-popup/90926 "2018-06-28T07:48:35Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![jesus2099](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jesus2099/32/119720_2.png) [@jesus2099](https://meta.discourse.org/u/jesus2099)
#### Post date: [June 28, 2018, 7:48am UTC](https://meta.discourse.org/t/readability-issue-in-dark-theme-diff-popup/90926/1 "2018-06-28T07:48:35Z")

</div>

Continuing the discussion from [Text under green diff color not visible in dark template](https://meta.discourse.org/t/text-under-green-diff-color-not-visible-in-dark-template/42653/3):

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.

 ![image](https://global.discourse-cdn.com/meta/original/3X/c/d/cdc857a86a3098739f715f1e75713798d518e873.png)  
(a photo from [this diff](https://meta.discourse.org/t/external-links-in-history-don-t-follow-open-all-external-links-in-a-new-tab-setting/42995/13), after you click the top right pencil icon)

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [June 29, 2018, 7:07am UTC](https://meta.discourse.org/t/readability-issue-in-dark-theme-diff-popup/90926/3 "2018-06-29T07:07:03Z")

</div>

Fixed via:

[https://github.com/discourse/discourse/commit/15bb8954dee511a2f93137a85068412180fb72f2](https://github.com/discourse/discourse/commit/15bb8954dee511a2f93137a85068412180fb72f2)

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

 ![Capture](https://global.discourse-cdn.com/meta/original/3X/7/e/7eb084bb4ceb396b188d8eab353355eb80eb4f11.PNG)

**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

---

<div class="post-metadata">

### Author: ![jesus2099](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jesus2099/32/119720_2.png) [@jesus2099](https://meta.discourse.org/u/jesus2099)
#### Post date: [June 29, 2018, 12:57pm UTC](https://meta.discourse.org/t/readability-issue-in-dark-theme-diff-popup/90926/4 "2018-06-29T12:57:32Z")

</div>

Thanks very much for your 120% answer!

---

<div class="post-metadata">

### Author: ![Johani](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/johani/32/176920_2.png) [@Johani](https://meta.discourse.org/u/Johani)
#### Post date: [June 30, 2018, 10:00am UTC](https://meta.discourse.org/t/readability-issue-in-dark-theme-diff-popup/90926/5 "2018-06-30T10:00:11Z")

</div>

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