# A few dark theme issues

**URL:** https://meta.discourse.org/t/a-few-dark-theme-issues/42640
**Category:** Bug
**Created:** [April 15, 2016, 9:52pm UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640 "2016-04-15T21:52:06Z")
**Posts on this page:** 15
**Page:** 1

<div class="post-metadata">

### Author: ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)
#### Post date: [April 15, 2016, 9:52pm UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/1 "2016-04-15T21:52:06Z")

</div>

Here are some of dark theme issues seems you are working on that.

Searching for something in CSS in `/admin/customize/css_html/`

 ![](https://global.discourse-cdn.com/meta/original/3X/d/8/d8310e41b897efdecc7e16fd747fd4708187ff1b.png)

`/admin/site_settings/category/required`

 ![](https://global.discourse-cdn.com/meta/original/3X/8/0/8027a78bdf76a3b9044e0289365f6d22796d815b.png)

`/admin/email/preview-digest`

 ![](https://global.discourse-cdn.com/meta/original/3X/d/2/d2b9419a80259f6acedd742ff5a1b774bf1c43e3.png)

---

<div class="post-metadata">

### Author: ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)
#### Post date: [April 16, 2016, 2:07am UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/2 "2016-04-16T02:07:35Z")

</div>

The colour contrast on mentions is bad, sample:

Real:  
@DeanMarkTaylor

Screenshot:  
 ![](https://global.discourse-cdn.com/meta/original/3X/b/8/b851b705ff4b32cd1b76ab922e44bca0bfc6fe6c.png)

---

<div class="post-metadata">

### Author: ![mcwumbly](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mcwumbly/32/103861_2.png) [@mcwumbly](https://meta.discourse.org/u/mcwumbly)
#### Post date: [April 16, 2016, 8:46pm UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/4 "2016-04-16T20:46:14Z")

</div>

My main issue with the dark theme is that we are using it at all here… when will it go away?

---

<div class="post-metadata">

### Author: ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)
#### Post date: [April 16, 2016, 8:48pm UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/5 "2016-04-16T20:48:08Z")

</div>

I believe the reason there is such dislike for the dark theme is colours don’t contrast enough - causing poor usability.

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [April 16, 2016, 8:51pm UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/6 "2016-04-16T20:51:33Z")

</div>

No, that’s not the purpose. We are here to find cases where the colors are dramatically wrong. Please don’t post multiple times about “not enough contrast per WCAG guidelines” as that is not the goal.

(this color scheme is not a default and the gaming communities that use these kinds of dark settings don’t care about those guidelines, at all)

---

<div class="post-metadata">

### Author: ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)
#### Post date: [April 16, 2016, 8:52pm UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/7 "2016-04-16T20:52:29Z")

</div>

Goal now made clear.

---

<div class="post-metadata">

### Author: ![dandv](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dandv/32/169779_2.png) [@dandv](https://meta.discourse.org/u/dandv)
#### Post date: [April 17, 2016, 1:05am UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/8 "2016-04-17T01:05:01Z")

</div>

[https://wiki.dandascalescu.com/essays/against\_inverted\_color\_schemes](https://wiki.dandascalescu.com/essays/against_inverted_color_schemes)

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [April 17, 2016, 1:51am UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/9 "2016-04-17T01:51:40Z")

</div>

I definitely agree that name mentions are very hard to read cc @tgxworld.

---

<div class="post-metadata">

### Author: ![riking](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/riking/32/170938_2.png) [@riking](https://meta.discourse.org/u/riking)
#### Post date: [April 17, 2016, 2:09am UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/10 "2016-04-17T02:09:10Z")

</div>

I think copying the .btn colors is probably best there.

Also, looks like the left edge of blockquotes is invisible:

> test

@testwest

---

<div class="post-metadata">

### Author: ![DeanMarkTaylor](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/deanmarktaylor/32/102462_2.png) [@DeanMarkTaylor](https://meta.discourse.org/u/DeanMarkTaylor)
#### Post date: [April 17, 2016, 7:01pm UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/11 "2016-04-17T19:01:54Z")

</div>

I’m unsure if it’s “as-designed” but mobile mentions aren’t styled, and simply appear as text links:  
 ![](https://global.discourse-cdn.com/meta/original/3X/e/8/e8c7461f21071d86749f8c1553895caf2ec540d0.png)

---

<div class="post-metadata">

### Author: ![Alankrit\_Choudh](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/alankrit_choudh/32/119698_2.png) [@Alankrit\_Choudh](https://meta.discourse.org/u/Alankrit_Choudh)
#### Post date: [April 17, 2016, 8:03pm UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/12 "2016-04-17T20:03:14Z")

</div>

I am using a dark theme on discourse from quite some time. I had few members complain about the mentions not quite visible.

Hence, i am using this custom CSS.

```plaintext
        a.mention,a.mention-group {
	padding:2px 4px;
	color:#000;
	background:#C0C0C0;
	border-radius:5px;
	font-weight:bold;
	font-size:.93em;
}
```

![](https://global.discourse-cdn.com/meta/original/3X/c/a/cadda8b0028a6771c6138fccbdb9a2203311bc7c.png)

Example above.

---

<div class="post-metadata">

### Author: ![tgxworld](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/tgxworld/32/106117_2.png) [@tgxworld](https://meta.discourse.org/u/tgxworld)
#### Post date: [April 18, 2016, 3:36am UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/13 "2016-04-18T03:36:04Z")

</div>

I increased the contrast of mentions in

> <https://github.com/discourse/discourse/commit/c5e0b7432142b854a11a9eb2055f124ebbca1977>

> [@DeanMarkTaylor](#):
>
> I’m unsure if it’s “as-designed” but mobile mentions aren’t styled, and simply appear as text links:

Mentions are not styled on mobile as well.

> <https://github.com/discourse/discourse/commit/7af0e0006fba1a44c7381bc68d58a2918627b1d9>

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [May 12, 2016, 11:36am UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/14 "2016-05-12T11:36:18Z")

</div>



---

<div class="post-metadata">

### Author: ![zogstrip](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/zogstrip/32/512781_2.png) [@zogstrip](https://meta.discourse.org/u/zogstrip)
#### Post date: [May 12, 2016, 5:29pm UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/15 "2016-05-12T17:29:45Z")

</div>



---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [May 28, 2016, 9:37am UTC](https://meta.discourse.org/t/a-few-dark-theme-issues/42640/16 "2016-05-28T09:37:09Z")

</div>


