From 86ad8fb0b7dc125c57e2d4351904bc988cd15585 Mon Sep 17 00:00:00 2001 From: Kasper Peulen Date: Tue, 11 Jul 2023 10:13:41 +0200 Subject: [PATCH 1/2] Fix dark mode for CopyButton and WhatsNewFooter --- code/ui/manager/src/settings/whats_new.tsx | 12 ++++++++---- 1 file changed, 8 insertions(+), 4 deletions(-) diff --git a/code/ui/manager/src/settings/whats_new.tsx b/code/ui/manager/src/settings/whats_new.tsx index 3d0569129917..73d19b6e293a 100644 --- a/code/ui/manager/src/settings/whats_new.tsx +++ b/code/ui/manager/src/settings/whats_new.tsx @@ -46,10 +46,13 @@ const ToggleNotificationButton = styled(IconButton)(({ theme }) => ({ margin: 0, })); -const CopyButton = styled(Button)(() => ({ - margin: 0, - padding: 0, - borderRadius: 0, +const CopyButton = styled(Button)(({ theme }) => ({ + '&&': { + color: theme.color.defaultText, + margin: 0, + padding: 0, + borderRadius: 0, + }, })); export const WhatsNewFooter = ({ @@ -107,6 +110,7 @@ const Iframe = styled.iframe<{ isLoaded: boolean }>( padding: 0, width: '100%', height: 'calc(100% - 80px)', + background: 'white', }, ({ isLoaded }) => ({ visibility: isLoaded ? 'visible' : 'hidden' }) ); From 18f02777ad6347c31a4354a3b25f0d8b6a4b5bef Mon Sep 17 00:00:00 2001 From: Kasper Peulen Date: Tue, 11 Jul 2023 10:31:45 +0200 Subject: [PATCH 2/2] Fix font size --- code/ui/manager/src/settings/whats_new.tsx | 2 ++ 1 file changed, 2 insertions(+) diff --git a/code/ui/manager/src/settings/whats_new.tsx b/code/ui/manager/src/settings/whats_new.tsx index 73d19b6e293a..b9e11aea2a7b 100644 --- a/code/ui/manager/src/settings/whats_new.tsx +++ b/code/ui/manager/src/settings/whats_new.tsx @@ -37,6 +37,7 @@ const Container = styled.div(({ theme }) => ({ borderColor: theme.appBorderColor, padding: '8px 12px', display: 'flex', + alignItems: 'center', justifyContent: 'space-between', })); @@ -48,6 +49,7 @@ const ToggleNotificationButton = styled(IconButton)(({ theme }) => ({ const CopyButton = styled(Button)(({ theme }) => ({ '&&': { + fontSize: `13px`, color: theme.color.defaultText, margin: 0, padding: 0,