fix(datepicker): fix selection background color (#63)

oruga-ui · Jul 30, 2024 · 4f514e9 · 4f514e9
1 parent 11a5ae0
commit 4f514e9
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/assets/scss/components/_datepicker.scss b/src/assets/scss/components/_datepicker.scss
@@ -23,16 +23,14 @@ $datepicker-item-padding: 0.5rem 0.75rem !default;
 $datepicker-item-selected-color: var(--#{$prefix}primary-invert) !default;
 $datepicker-item-selected-background-color: var(--#{$prefix}primary) !default;
 $datepicker-item-selected-border-radius: 0 !default;
-$datepicker-item-selected-within-background-color: rgba(
-  $datepicker-item-selected-background-color,
-  0.5
+$datepicker-item-selected-within-background-color: rgb(
+  from $datepicker-item-selected-background-color r g b / 50%
 ) !default;
 $datepicker-item-hovered-background-color: var(--#{$prefix}grey) !default;
 $datepicker-item-hovered-color: var(--#{$prefix}grey-lighter) !default;
 $datepicker-item-hovered-background-color: #f5f5f5 !default;
-$datepicker-item-hovered-within-background-color: rgba(
-  $datepicker-item-hovered-background-color,
-  0.5
+$datepicker-item-hovered-within-background-color: rgb(
+  from $datepicker-item-hovered-background-color r g b / 50%
 ) !default;
 $datepicker-item-nearby-color: var(--#{$prefix}grey-light) !default;
 $datepicker-events-item-padding: 0.3rem 0.75rem 0.75rem !default;