update newly added scheduler colors

Author: VasilyStrelyaev

packages/devextreme-scss/scss/widgets/fluent/scheduler/_colors.scss

@@ -90,7 +90,7 @@ $agenda-appointment-text-color: $base-text-color !default;
 $header-panel-cell-date: null !default;
 
 @if $mode == "light" {
-  $scheduler-form-subject-icon-color: lighten(saturate(adjust-hue($base-accent, 3), 2.21), 44.31) !default;
+  $scheduler-form-subject-icon-color: color.adjust($base-accent, $hue: 3deg, $saturation: 2.21%, $lightness: 44.31%, $space: hsl) !default;
   $scheduler-workspace-month-text-color: #707070;
   $scheduler-appointment-text-color: #000 !default;
   $scheduler-panel-text-color: #707070;
@@ -112,7 +112,7 @@ $header-panel-cell-date: null !default;
 }
 
 @if $mode == "dark" {
-  $scheduler-form-subject-icon-color: darken(desaturate(adjust-hue($base-accent, -3), 11.06), 36.27);
+  $scheduler-form-subject-icon-color: color.adjust($base-accent, $hue: -3deg, $saturation: -11.06%, $lightness: -36.27%, $space: hsl) !default;
   $scheduler-workspace-month-text-color: #999;
   $scheduler-appointment-base-color: color.adjust($base-accent, $lightness: -48%, $space: hsl) !default;
   $scheduler-appointment-text-color: #fff !default;

packages/devextreme-scss/scss/widgets/generic/scheduler/_colors.scss

@@ -116,7 +116,7 @@ $agenda-appointment-text-color: null !default;
   $scheduler-panel-text-color: $base-header-color !default;
   $scheduler-time-indicator-color: color.adjust($scheduler-current-time-cell-color, $lightness: 15%, $space: hsl) !default;
   $scheduler-dd-appointment-hover-text-color: $base-inverted-text-color !default;
-  $scheduler-form-subject-icon-color: darken(desaturate($base-accent, 44.18), 25.88) !default;
+  $scheduler-form-subject-icon-color: color.adjust($base-accent, $lightness: -25.88%, $saturation: -44.18%, $space: hsl) !default;
   $scheduler-workspace-month-text-color: $month-text-color-light !default;
   $scheduler-dropdown-appointment-date-color: color.adjust($base-text-color, $lightness: 38.5%, $space: hsl) !default;
   $scheduler-workspace-active-cell-color: $scheduler-accent-border-color !default;
@@ -195,7 +195,7 @@ $agenda-appointment-text-color: null !default;
   $scheduler-panel-text-color: $base-text-color !default;
   $scheduler-time-indicator-color: color.adjust($scheduler-current-time-cell-color, $lightness: 15%, $space: hsl) !default;
   $scheduler-dd-appointment-hover-text-color: $base-inverted-text-color !default;
-  $scheduler-form-subject-icon-color: darken(desaturate($base-accent, 44.18), 25.88) !default;
+  $scheduler-form-subject-icon-color: color.adjust($base-accent, $saturation: -44.18%, $lightness: -25.88%, $space: hsl) !default;
   $scheduler-workspace-month-text-color: $month-text-color-dark !default;
   $scheduler-dropdown-appointment-date-color: color.adjust($base-text-color, $lightness: 38.5%, $space: hsl) !default;
   $scheduler-workspace-active-cell-color: $scheduler-accent-border-color !default;
@@ -237,7 +237,7 @@ $agenda-appointment-text-color: null !default;
   $scheduler-panel-text-color: $base-text-color !default;
   $scheduler-time-indicator-color: color.adjust($scheduler-current-time-cell-color, $lightness: 15%, $space: hsl) !default;
   $scheduler-dd-appointment-hover-text-color: #fff !default;
-  $scheduler-form-subject-icon-color: darken(desaturate($base-accent, 44.18), 25.88) !default;
+  $scheduler-form-subject-icon-color: color.adjust($base-accent, $saturation: -44.18%, $lightness: -25.88%, $space: hsl) !default;
   $scheduler-workspace-month-text-color: $month-text-color-dark !default;
   $scheduler-dropdown-appointment-date-color: color.adjust($base-text-color, $lightness: 38.5%, $space: hsl) !default;
   $scheduler-workspace-active-cell-color: $scheduler-accent-border-color !default;
@@ -277,7 +277,7 @@ $agenda-appointment-text-color: null !default;
   $scheduler-panel-text-color: $base-header-color !default;
   $scheduler-time-indicator-color: color.adjust($scheduler-current-time-cell-color, $lightness: 15%, $space: hsl) !default;
   $scheduler-dd-appointment-hover-text-color: $base-text-color !default;
-  $scheduler-form-subject-icon-color: darken(desaturate($base-accent, 44.18), 25.88) !default;
+  $scheduler-form-subject-icon-color: color.adjust($base-accent, $saturation: -44.18%, $lightness: -25.88%, $space: hsl) !default;
   $scheduler-workspace-month-text-color: $month-text-color-dark !default;
   $scheduler-dropdown-appointment-date-color: color.adjust($base-text-color, $lightness: 38.5%, $space: hsl) !default;
   $scheduler-workspace-active-cell-color: $scheduler-accent-border-color !default;
@@ -317,7 +317,7 @@ $agenda-appointment-text-color: null !default;
   $scheduler-panel-text-color: color.adjust($base-text-color, $lightness: 38.5%, $space: hsl) !default;
   $scheduler-time-indicator-color: color.adjust($scheduler-current-time-cell-color, $lightness: 15%, $space: hsl) !default;
   $scheduler-dd-appointment-hover-text-color: $base-inverted-text-color !default;
-  $scheduler-form-subject-icon-color: lighten(desaturate(adjust-hue($base-accent, 1), 7.32), 43.33) !default;
+  $scheduler-form-subject-icon-color: color.adjust($base-accent, $hue: 1deg, $saturation: -7.32%, $lightness: 43.33%, $space: hsl) !default;
   $scheduler-workspace-month-text-color: color.adjust($base-text-color, $lightness: 38.5%, $space: hsl) !default;
   $scheduler-dropdown-appointment-date-color: color.adjust($base-text-color, $lightness: 38.5%, $space: hsl) !default;
   $scheduler-time-panel-background-color: $scheduler-workspace-background-color !default;
@@ -359,7 +359,7 @@ $agenda-appointment-text-color: null !default;
   $scheduler-panel-text-color: $base-text-color !default;
   $scheduler-time-indicator-color: color.adjust($scheduler-current-time-cell-color, $lightness: 15%, $space: hsl) !default;
   $scheduler-dd-appointment-hover-text-color: $base-inverted-text-color !default;
-  $scheduler-form-subject-icon-color: lighten(desaturate(adjust-hue($base-accent, 1), 7.32), 43.33) !default;
+  $scheduler-form-subject-icon-color: color.adjust($base-accent, $hue: 1deg, $saturation: -7.32%, $lightness: 43.33%, $space: hsl) !default;
   $scheduler-workspace-month-text-color: $month-text-color-light !default;
   $scheduler-dropdown-appointment-date-color: color.adjust($base-text-color, $lightness: 38.5%, $space: hsl) !default;
   $scheduler-workspace-active-cell-color: $scheduler-accent-border-color !default;
@@ -398,7 +398,7 @@ $agenda-appointment-text-color: null !default;
   $scheduler-panel-text-color: $base-text-color !default;
   $scheduler-time-indicator-color: color.adjust($scheduler-current-time-cell-color, $lightness: 15%, $space: hsl) !default;
   $scheduler-dd-appointment-hover-text-color: $base-inverted-text-color !default;
-  $scheduler-form-subject-icon-color: lighten(desaturate(adjust-hue($base-accent, 1), 7.32), 43.33) !default;
+  $scheduler-form-subject-icon-color: color.adjust($base-accent, $hue: 1deg, $saturation: -7.32%, $lightness: 43.33%, $space: hsl) !default;
   $scheduler-workspace-month-text-color: $month-text-color-light !default;
   $scheduler-dropdown-appointment-date-color: color.adjust($base-text-color, $lightness: 38.5%, $space: hsl) !default;
   $scheduler-workspace-active-cell-color: $scheduler-accent-border-color !default;