_datepicker.scss in active_frontend-15.0.12

- old
+ new

@@ -21,37 +21,46 @@
       text-align: center;
     }
     th:not(.dow) {
       &:hover,
       &:focus {
-        background: color(haze);
+        background: color(gray);
+        color: color(white);
         cursor: pointer;
       }
     }
     td {
+      color: color(white);
+
       &.today {
-        background: color-inverted(primary);
+        background: color(light-black);
         color: color(primary);
       }
       &.day,
       &.today {
         &:hover,
         &:focus {
-          background: color(haze);
+          background: color(gray);
+          color: color(white);
           cursor: pointer;
         }
         &:active,
         &.active {
           background: color(primary);
           color: color(white);
         }
       }
       &.old,
-      &.new { color: color(gray); }
+      &.new {
+        color: color(light-gray);
+
+        &:hover,
+        &:focus { color: color(white); }
+      }
       &.disabled {
         background: color(transparent) !important;
-        color: dark-color(dark-haze) !important;
+        color: color(dark-gray) !important;
         cursor: not-allowed !important;
         text-decoration: line-through;
       }
 
       span {
@@ -63,21 +72,22 @@
         width: 23%;
 
         &:hover,
         &.focus,
         &.focused {
-          background: color(haze);
+          background: color(gray);
+          color: color(white);
           cursor: pointer;
         }
         &:active,
         &.active,
         &.focused {
           background: color(primary);
           color: color(white);
         }
         &.disabled {
           background: color(transparent) !important;
-          color: dark-color(dark-haze) !important;
+          color: color(dark-gray) !important;
           cursor: not-allowed !important;
           text-decoration: line-through;
         }
       }
     }