# Discourse Q&A "Upvote" button looks bad in dark themes

**URL:** <https://meta.discourse.org/t/discourse-q-a-upvote-button-looks-bad-in-dark-themes/106395>\
**Category:** UX\
**Created:** [January 13, 2019, 2:16am UTC](https://meta.discourse.org/t/discourse-q-a-upvote-button-looks-bad-in-dark-themes/106395 "2019-01-13T02:16:37Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![Mittineague](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mittineague/32/114259_2.png) [@Mittineague](https://meta.discourse.org/u/Mittineague)\
**Post date:** [January 13, 2019, 3:07am UTC](https://meta.discourse.org/t/discourse-q-a-upvote-button-looks-bad-in-dark-themes/106395/2 "2019-01-13T03:07:01Z")

</div>

> [@Watercolor\_Games](#):
>
> did not work

is a rather ambiguous description of the problem, and this is only a guess.

[background CSS property - CSS | MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/background)

> The property is a [shorthand](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties) that sets the following properties in a single declaration: [`background-clip`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip), [`background-color`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-color), [`background-image`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-image), [`background-origin`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-origin), [`background-position`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-position), [`background-repeat`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat), [`background-size`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-size), and [`background-attachment`](https://developer.mozilla.org/en-US/docs/Web/CSS/background-attachment).
> 
> As with all shorthand properties, any omitted sub-values will be set to their [initial value](https://developer.mozilla.org/en-US/docs/Web/CSS/initial_value).

In other words, by using the shorthand property instead of only the `background-color` property there is a chance that another property is reverting to its initial value interfering with the desired change.

My best guess, however, is that there is other CSS with more specificity and the class selector you are using is less specific and being over-ridden.

The best way to diagnose the problem would be to use the browsers developer tools to see what CSS is involved with the display.

---

_[View the full topic](https://meta.discourse.org/t/discourse-q-a-upvote-button-looks-bad-in-dark-themes/106395)._