fix(datepicker): fix background color of hover & focus

ovh · Jul 29, 2024 · 2b0cf28 · 2b0cf28
1 parent 39d4592
commit 2b0cf28
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/ods/src/components/datepicker/src/components/ods-datepicker/ods-datepicker.scss b/packages/ods/src/components/datepicker/src/components/ods-datepicker/ods-datepicker.scss
@@ -13,7 +13,7 @@ $ods-datepicker-clearable-button-size: input.$ods-input-actions-button-width;
     color: var(--ods-color-primary-500);
 
     &:not(.selected):hover {
-      background-color: var(--ods-color-primary-200);
+      background-color: var(--ods-color-primary-100);
     }
   }
 
@@ -27,7 +27,7 @@ $ods-datepicker-clearable-button-size: input.$ods-input-actions-button-width;
 
     z-index: 1;
     outline-offset: 0;
-    background-color: inherit;
+    background-color: var(--ods-color-primary-100);
   }
 
   &.selected {
@@ -142,7 +142,7 @@ $ods-datepicker-clearable-button-size: input.$ods-input-actions-button-width;
           color: var(--ods-color-primary-500);
 
           &:hover {
-            background-color: var(--ods-color-primary-200);
+            background-color: var(--ods-color-primary-100);
           }
         }
 
@@ -216,7 +216,7 @@ $ods-datepicker-clearable-button-size: input.$ods-input-actions-button-width;
                   content: '';
                 }
 
-                &:not(.selected) {
+                &:not(.focused, .selected) {
                   background-color: inherit;
                 }
               }