Merge pull request #143 from ditdot-dev/datepicker-color

Add dark mode style to datepicker icon

Author: phre1

src/assets/css/themes/theme-green.css

@@ -226,6 +226,10 @@ header.vff-header svg.f-logo {
     color: var(--vff-main-accent-color);
   }
 
+  .vff ::-webkit-calendar-picker-indicator {
+    filter: invert(100%);
+  }
+
   .vff span.f-answered{
     color: var(--vff-main-accent-color);
   }
@@ -239,7 +243,7 @@ header.vff-header svg.f-logo {
   }
 
   /*footer*/
-  .vff-footer .footer-inner-wrap{
+  .vff-footer .footer-inner-wrap {
     background-color: var(--vff-bg-color);
   }
 
@@ -253,12 +257,12 @@ header.vff-header svg.f-logo {
     fill: var(--vff-main-text-color);
   }
 
-  .vff-footer .footer-inner-wrap{
+  .vff-footer .footer-inner-wrap {
     background-color: rgba(49,54,64,0.75);
   }
 
   .vff-footer .f-prev:hover,
-  .vff-footer .f-next:hover{
+  .vff-footer .f-next:hover {
     background-color: rgba(0,0,0,0.2);
   }
 
@@ -272,11 +276,11 @@ header.vff-header svg.f-logo {
   }
 
   /*field-multiplechoicetype*/
-  .vff ul.f-radios li{
+  .vff ul.f-radios li {
     color: var(--vff-secondary-text-color);
   }
 
-  .vff .f-key{
+  .vff .f-key {
     color: var(--vff-main-accent-color);
     font-weight: 300;
   }

src/assets/css/themes/theme-minimal.css

@@ -233,6 +233,10 @@ header.vff-header svg.f-logo{
     color: var(--vff-main-accent-color);
   }
 
+  .vff input[type=date]::-webkit-calendar-picker-indicator {
+    filter: invert(100%);
+  }
+
   .vff span.f-answered{
     color: var(--vff-main-accent-color);
   }

src/assets/css/themes/theme-purple.css

@@ -246,6 +246,10 @@ header.vff-header svg.f-logo{
   .vff span.f-answered{
     color: var(--vff-main-accent-color);
   }
+  
+  .vff ::-webkit-calendar-picker-indicator {
+    filter: invert(100%);
+  }
 
   /*footer*/
   .vff-footer .f-prev.f-disabled svg,