Fix colors in date range datepicker (#2018)

Co-authored-by: Bartłomiej Gawęda <[email protected]>
Co-authored-by: Paweł Kuna <[email protected]>

.changeset/witty-pens-trade.md

@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fix colors in date range datepicker

src/scss/vendor/_litepicker.scss

@@ -6,13 +6,19 @@
   --litepicker-button-next-month-color-hover: #{ var(--#{$prefix}primary) };
   --litepicker-day-color: var(--#{$prefix}body-color);
   --litepicker-day-color-hover: #{ var(--#{$prefix}primary) };
+  --litepicker-is-start-color-bg: #{ var(--#{$prefix}primary) };
   --litepicker-is-end-color-bg: #{ var(--#{$prefix}primary) };
+  --litepicker-is-in-range-color: #{ var(--#{$prefix}info) };
   --litepicker-is-today-color: #{ var(--#{$prefix}primary) };
   --litepicker-month-header-color: var(--#{$prefix}body-color);
   --litepicker-container-months-color-bg: var(--#{$prefix}bg-surface);
   font: inherit;
   user-select: none;
 
+  .day-item.is-in-range {
+    --litepicker-day-color: var(--#{$prefix}light);
+  }
+
   svg {
     fill: none !important;
   }