UX: Invert pikaday png for dark themes

UX: Invert pikaday png for dark themes

diff --git a/app/assets/stylesheets/vendor/pikaday.scss b/app/assets/stylesheets/vendor/pikaday.scss
index 7880b8b..ea367f6 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;

GitHub sha: 8546f002

1 Like

This commit has been mentioned on Discourse Meta. There might be relevant details there: