From 8546f0020ee236bef8f8f6d53ad2b5d047bb1b6d Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Mon, 21 Jan 2019 13:47:46 -0500
Subject: [PATCH] UX: Invert pikaday png for dark themes

---
 app/assets/stylesheets/vendor/pikaday.scss | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/app/assets/stylesheets/vendor/pikaday.scss b/app/assets/stylesheets/vendor/pikaday.scss
index 7880b8bc657..ea367f69cad 100644
--- a/app/assets/stylesheets/vendor/pikaday.scss
+++ b/app/assets/stylesheets/vendor/pikaday.scss
@@ -119,6 +119,9 @@ $pd-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !default;
     background-repeat: no-repeat;
     background-size: 75% 75%;
     opacity: .5;
+    @if (lightness($secondary) < 50) { // invert the black png if the background is dark
+        filter: invert(1); 
+    } 
 
     &:hover {
         opacity: 1;