Highlight today in DatePicker

WordPress · Jun 10, 2022 · 1b67157 · 1b67157
1 parent 817f0fd
commit 1b67157
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/packages/components/src/date-time/date/style.scss b/packages/components/src/date-time/date/style.scss
@@ -53,19 +53,29 @@
 		border: none;
 		font-size: $default-font-size;
 		border-radius: $radius-round;
+		background: $white;
+
+		&:hover {
+			color: var(--wp-admin-theme-color);
+		}
 
 		&:focus {
 			box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color), inset 0 0 0 #{ $border-width-focus + $border-width } $white;
 			outline: 2px solid transparent; // Shown in Windows 10 high contrast mode.
 		}
 	}
 
+	.CalendarDay__today {
+		background: $gray-100;
+	}
+
 	.CalendarDay__selected {
 		background: var(--wp-admin-theme-color);
 		border: 2px solid transparent; // This indicates selection in Windows 10 high contrast mode.
 
 		&:hover {
 			background: var(--wp-admin-theme-color-darker-20);
+			color: $white;
 		}
 
 		&:focus {