# Date picker arrows almost invisible in dark theme

**URL:** https://meta.discourse.org/t/date-picker-arrows-almost-invisible-in-dark-theme/107029
**Category:** UX
**Created:** [January 20, 2019, 4:55pm UTC](https://meta.discourse.org/t/date-picker-arrows-almost-invisible-in-dark-theme/107029 "2019-01-20T16:55:41Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [January 20, 2019, 4:55pm UTC](https://meta.discourse.org/t/date-picker-arrows-almost-invisible-in-dark-theme/107029/1 "2019-01-20T16:55:42Z")

</div>

Hi everyone,

Can anything be done about the colour of the ‘previous’ and ‘next’ arrow buttons on the date picker for admin reports?

On the dark theme they are practically invisible 😕

Other arrows elsewhere on the admin reports pages are clearly visible, as is every other clickable element within the calendar date picker - except the forward / back arrows.

Example:

 ![PNG](https://global.discourse-cdn.com/meta/original/3X/4/2/421d107f5eaf477df8441702edc07701fb434217.jpeg)

In the default / light theme though, the arrows are clearly visible:

 ![PNG](https://global.discourse-cdn.com/meta/original/3X/8/0/8014338bca0b0f337c59f188456c1ebe51dc6c7d.jpeg)

It is almost as if the arrow colour in dark theme does not change like all the other clickable calendar elements do.

Thanks in advance 👍🏻

---

<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: [January 21, 2019, 4:42am UTC](https://meta.discourse.org/t/date-picker-arrows-almost-invisible-in-dark-theme/107029/2 "2019-01-21T04:42:02Z")

</div>

cc @awesomerobot to look at

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [January 21, 2019, 6:53pm UTC](https://meta.discourse.org/t/date-picker-arrows-almost-invisible-in-dark-theme/107029/4 "2019-01-21T18:53:21Z")

</div>

I pushed a fix. Since pikaday uses PNGs inline in their CSS, I’m just detecting the brightness of the background color and inverting it. We’d need to rework how pikaday generates the back/next buttons otherwise.

[https://github.com/discourse/discourse/commit/8546f0020ee236bef8f8f6d53ad2b5d047bb1b6d](https://github.com/discourse/discourse/commit/8546f0020ee236bef8f8f6d53ad2b5d047bb1b6d)

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [January 21, 2019, 7:55pm UTC](https://meta.discourse.org/t/date-picker-arrows-almost-invisible-in-dark-theme/107029/5 "2019-01-21T19:55:57Z")

</div>

Great news, thanks Kris, much appreciated mate 😃

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [January 22, 2019, 11:00pm UTC](https://meta.discourse.org/t/date-picker-arrows-almost-invisible-in-dark-theme/107029/6 "2019-01-22T23:00:02Z")

</div>

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