# Why are the Modal Buttons in discuss invisible unless hovered?

**URL:** <https://discuss.emberjs.com/t/why-are-the-modal-buttons-in-discuss-invisible-unless-hovered/17309>\
**Category:** Meta\
**Created:** [December 11, 2019, 1:14am UTC](https://discuss.emberjs.com/t/why-are-the-modal-buttons-in-discuss-invisible-unless-hovered/17309 "2019-12-11T01:14:32Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![sukima](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/sukima/32/5773_2.png) [@sukima](https://discuss.emberjs.com/u/sukima)\
**Post date:** [December 11, 2019, 1:14am UTC](https://discuss.emberjs.com/t/why-are-the-modal-buttons-in-discuss-invisible-unless-hovered/17309/1 "2019-12-11T01:14:32Z")

</div>

I noticed that in this forum (and I think in other Disqus sites) that the buttons in modal popups are invisible (background color same as text color). Since this has been a thing I’ve noticed for about four years now I was curious if there was an intentional design choice with this UX.

![DisqusButtons](https://us1.discourse-cdn.com/flex019/uploads/emberjs_public/original/3X/3/5/353d7c88a03b15fa809b69df3dc7b4c6af3f3e55.png)

---

<div class="post-metadata">

**Author:** ![bouke](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/bouke/32/16341_2.png) [@bouke](https://discuss.emberjs.com/u/bouke)\
**Post date:** [December 18, 2019, 9:03pm UTC](https://discuss.emberjs.com/t/why-are-the-modal-buttons-in-discuss-invisible-unless-hovered/17309/2 "2019-12-18T21:03:15Z")

</div>

Looks to me that this is a templating issue. It doesn’t appear on [https://meta.discourse.org/](https://meta.discourse.org/) (the forum discussing this forum software):

 ![image](https://us1.discourse-cdn.com/flex019/uploads/emberjs_public/original/3X/7/c/7c07ae40f43b8cf46b3df128ce1851cf64c45271.png)

---

<div class="post-metadata">

**Author:** ![bouke](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/bouke/32/16341_2.png) [@bouke](https://discuss.emberjs.com/u/bouke)\
**Post date:** [December 18, 2019, 9:04pm UTC](https://discuss.emberjs.com/t/why-are-the-modal-buttons-in-discuss-invisible-unless-hovered/17309/3 "2019-12-18T21:04:43Z")

</div>

Pinging @tomdale as he’s listed on the about page.

---

<div class="post-metadata">

**Author:** ![ef4](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/ef4/32/13470_2.png) [@ef4](https://discuss.emberjs.com/u/ef4)\
**Post date:** [December 19, 2019, 5:47pm UTC](https://discuss.emberjs.com/t/why-are-the-modal-buttons-in-discuss-invisible-unless-hovered/17309/4 "2019-12-19T17:47:14Z")

</div>

It’s probably a bug in [GitHub - ember-learn/discourse-emberjs-theme: Forum theme for https://discuss.emberjs.com/](https://github.com/ember-learn/discourse-emberjs-theme)

---

<div class="post-metadata">

**Author:** ![bouke](https://sea1.discourse-cdn.com/flex019/user_avatar/discuss.emberjs.com/bouke/32/16341_2.png) [@bouke](https://discuss.emberjs.com/u/bouke)\
**Post date:** [June 10, 2020, 6:38pm UTC](https://discuss.emberjs.com/t/why-are-the-modal-buttons-in-discuss-invisible-unless-hovered/17309/5 "2020-06-10T18:38:00Z")

</div>

I’ve created a PR to address this: [Make modal button text visible by Bouke · Pull Request #3 · ember-learn/discourse-emberjs-theme · GitHub](https://github.com/ember-learn/discourse-emberjs-theme/pull/3)