UX: Invert pikaday png for dark themes

2019-01-21 13:47:46 -05:00 · 2019-01-21 13:47:46 -05:00 · 8546f0020e
parent ba5e17a7a9
commit 8546f0020e
1 changed files with 3 additions and 0 deletions
--- 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;