From 312633be688f3d798b82de3c4df34540b8114afe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Rialland?= Date: Mon, 19 Jun 2023 15:21:22 +0200 Subject: [PATCH] Fix focus on date field in dark mode --- site/source/design-system/field/DateField.tsx | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/site/source/design-system/field/DateField.tsx b/site/source/design-system/field/DateField.tsx index dce4c01cf..4234403ff 100644 --- 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`