Merge pull request #1897 from epam/bugfix/RDTP-background-fix

Bugfix/RangeDatePicker fixed blocker background token
epam · Dec 29, 2023 · 02b4a96 · 02b4a96
2 parents e33146e + 88e08cd
commit 02b4a96
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/uui/components/datePickers/RangeDatePickerBody.module.scss b/uui/components/datePickers/RangeDatePickerBody.module.scss
@@ -2,6 +2,7 @@
 
 .root {
     --uui-rdtp_date-bg-selected: var(--uui-info-10);
+    --uui-rdtp_blocker-bg: color-mix(in srgb, var(--uui-surface-sunken) 80%, transparent);
 
     :global(.uui-calendar-days) > div:last-child {
         :global(.uui-calendar-day-cell):last-child > :global(.uui-range-datepicker-in-range) {
@@ -111,7 +112,7 @@
     }
 
     .blocker {
-        background-color: rgba(255, 255, 255, 0.9);
+        background-color: var(--uui-rdtp_blocker-bg);
         position: absolute;
         left: 0;
         right: 0;