Skip to content

Commit 790bdae

Browse files
committed
fix(calendar): update indigo theme styles for selected and special dates
- Add border color styles for selected+current dates (hover, focus states included). - Refine foreground and background styles for selected+special dates (hover, focus states included).
1 parent 9ec4cec commit 790bdae

File tree

1 file changed

+9
-6
lines changed

1 file changed

+9
-6
lines changed

src/components/calendar/themes/shared/indigo/days-view.indigo.scss

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -348,15 +348,18 @@ $week-number-radius: var-get($theme, 'week-number-border-radius');
348348
&[part~='selected'][part~='current'][part~='range'][part~='special'][part~='last'] {
349349
color: var-get($theme, 'date-selected-foreground');
350350
background: var-get($theme, 'date-selected-background');
351+
border-color: var-get($theme, 'date-selected-current-border-color');
351352

352353
&:hover {
353354
color: var-get($theme, 'date-selected-hover-foreground');
354355
background: var-get($theme, 'date-selected-hover-background');
356+
border-color: var-get($theme, 'date-selected-current-hover-border-color');
355357
}
356358

357359
&:focus {
358360
color: var-get($theme, 'date-selected-focus-foreground');
359361
background: var-get($theme, 'date-selected-focus-background');
362+
border-color: var-get($theme, 'date-selected-current-focus-border-color');
360363
}
361364
}
362365

@@ -385,17 +388,17 @@ $week-number-radius: var-get($theme, 'week-number-border-radius');
385388
}
386389

387390
&[part~='selected'][part~='special'] {
388-
color: var-get($theme, 'date-selected-foreground');
389-
background: var-get($theme, 'date-selected-background');
391+
color: var-get($theme, 'date-selected-special-foreground');
392+
background: var-get($theme, 'date-selected-special-background');
390393

391394
&:hover {
392-
color: var-get($theme, 'date-selected-hover-foreground');
393-
background: var-get($theme, 'date-selected-hover-background');
395+
color: var-get($theme, 'date-selected-special-hover-foreground');
396+
background: var-get($theme, 'date-selected-special-hover-background');
394397
}
395398

396399
&:focus {
397-
color: var-get($theme, 'date-selected-focus-foreground');
398-
background: var-get($theme, 'date-selected-focus-background');
400+
color: var-get($theme, 'date-selected-special-focus-foreground');
401+
background: var-get($theme, 'date-selected-special-focus-background');
399402
}
400403
}
401404

0 commit comments

Comments
 (0)