Skip to content

Commit

Permalink
Date-Time: replace usage of brand-color (on white) with our default t…
Browse files Browse the repository at this point in the history
…ext color to get the most contrast on a gray background. See #74215
  • Loading branch information
Stefanie Hein committed Nov 26, 2024
1 parent 7aacc9c commit 89907aa
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 3 deletions.
3 changes: 2 additions & 1 deletion src/scss/themes/fylr/_variables.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand Down
5 changes: 3 additions & 2 deletions src/scss/themes/fylr/components/_date-time.scss
Original file line number Diff line number Diff line change
Expand Up @@ -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: '';
Expand Down Expand Up @@ -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 {
Expand Down

0 comments on commit 89907aa

Please sign in to comment.