Date-Time: replace usage of brand-color (on white) with our default text color to get the most contrast on a gray background. See #74215

Author: Stefanie Hein

src/scss/themes/fylr/_variables.scss

@@ -610,7 +610,8 @@ $calendar-cell-size:				28px !default;
 $calendar-cell-count:				8 !default;
 $calendar-background:				theme-color('light') !default;
 $calendar-static-cells-background: 	$calendar-background !default;
-$calendar-static-cells-color: 		theme-color('primary') !default;
+$calendar-static-cells-color: 		$body-color !default;
+$calendar-week-cells-color: 		gray('700') !default;
 $calendar-date-active-background:	theme-color('primary') !default;
 $calendar-date-hover-background-opacity: 0.2 !default;
 $calendar-date-previous-color:		gray('500') !default;

src/scss/themes/fylr/components/_date-time.scss

@@ -226,7 +226,7 @@
 		&.cui-date-time-month-header {
 			position: relative;
 			background: var(--calendar-static-cells-background);
-			color: var(--brand-color-on-white, #{$calendar-static-cells-color});
+			color: $calendar-static-cells-color;
 
 			&::after {
 				content: '';
@@ -288,11 +288,12 @@
 	.cui-date-time-week {
 		font-size: $calendar-font-size * 0.8575;
 		background: var(--calendar-static-cells-background);
-		color: var(--brand-color-on-white, #{$calendar-static-cells-color});
+		color: $calendar-week-cells-color;
 	}
 
 	.cui-date-time-week-title {
 		font-weight: $font-weight-normal;
+		color: $calendar-week-cells-color;
 	}
 
 	.cui-date-time-day {