Fix focus on date field in dark mode

2023-06-19 15:21:22 +02:00 · 2023-06-19 15:21:22 +02:00 · 312633be68
parent e746365de0
commit 312633be68
1 changed files with 6 additions and 0 deletions
--- a/site/source/design-system/field/DateField.tsx
+++ b/site/source/design-system/field/DateField.tsx
@ -264,6 +264,12 @@ const StyledBody = styled(Body)`
 			: theme.colors.extended.grey[200]};
 	box-shadow: ${({ theme }) =>
 		theme.darkMode ? theme.elevationsDarkMode[3] : theme.elevations[3]};
+
+	.rdp-dropdown:focus-visible:not([disabled]) + .rdp-caption_label,
+	.rdp-button:focus-visible:not([disabled]) {
+		background-color: ${({ theme }) =>
+			theme.darkMode && theme.colors.extended.grey[600]};
+	}
 `

 const Wrapper = styled.div`