Skip to content

Commit 9ec4cec

Browse files
committed
fix(calendar): add selected+special styles for indigo theme
- Introduce border styles for selected+special dates (hover, focus states included). - Enhance consistency with other theme combinations.
1 parent d7a54ef commit 9ec4cec

File tree

1 file changed

+12
-0
lines changed

1 file changed

+12
-0
lines changed

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

Lines changed: 12 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -421,6 +421,18 @@ $week-number-radius: var-get($theme, 'week-number-border-radius');
421421
}
422422
}
423423

424+
&[part~='selected'][part~='special']:not([part~='range'], [part~='current']) {
425+
border-color: var-get($theme, 'date-selected-border-color');
426+
427+
&:hover {
428+
border-color: var-get($theme, 'date-selected-hover-border-color');
429+
}
430+
431+
&:focus {
432+
border-color: var-get($theme, 'date-selected-focus-border-color');
433+
}
434+
}
435+
424436
&[part~='special'] {
425437
color: var-get($theme, 'date-special-foreground');
426438
background: var-get($theme, 'date-special-background');

0 commit comments

Comments
 (0)