From 0d852e6b3df31d7e1778ca81a611703968b6c3fc Mon Sep 17 00:00:00 2001
From: jasonteunissen <jasonteunissen@gmail.com>
Date: Wed, 4 May 2022 13:20:45 +0200
Subject: [PATCH] Changed sass color functions to default variables.

Changed sass color functions because all color variable should be maintained in the sass-variables file, which will help make styling css-variable ready
---
 styles/web/sass/core/widgets/_datepicker.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/styles/web/sass/core/widgets/_datepicker.scss b/styles/web/sass/core/widgets/_datepicker.scss
index 6f304178..834b1edf 100644
--- a/styles/web/sass/core/widgets/_datepicker.scss
+++ b/styles/web/sass/core/widgets/_datepicker.scss
@@ -69,7 +69,7 @@
     }
     .mx-calendar-day-month-next,
     .mx-calendar-day-month-previous {
-        color: lighten($font-color-default, 45%);
+        color: rgba($font-color-default, 0.45);
     }
     .mx-calendar-day-selected,
     .mx-calendar-day-selected:hover {
@@ -83,7 +83,7 @@
     .mx-calendar-year-switcher {
         text-align: center;
         margin-top: 10px;
-        color: lighten($brand-primary, 30%);
+        color: $brand-primary-lighter;
         span.mx-calendar-year-selected {
             color: $brand-primary;
             margin-left: 10px;