From c109e758fae53dc942e2eda8a4e6bf5757a57448 Mon Sep 17 00:00:00 2001 From: Jose Rodolfo Freitas Date: Fri, 17 Feb 2023 13:53:50 +0100 Subject: [PATCH] Improve dark theme --- docs/src/components/pricing/LicenseTypeWidget.tsx | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/src/components/pricing/LicenseTypeWidget.tsx b/docs/src/components/pricing/LicenseTypeWidget.tsx index 84525672a2d528..3c7c749baa95dc 100644 --- a/docs/src/components/pricing/LicenseTypeWidget.tsx +++ b/docs/src/components/pricing/LicenseTypeWidget.tsx @@ -16,9 +16,9 @@ const LicenseTypeWrapper = styled(Box)(({ theme }) => ({ fontSize: '1em', margin: 0, }, - background: '#efefef', + background: theme.palette.mode === 'dark' ? '#5d5d5d66' : '#efefef', border: '1px solid', - borderColor: '#dedede', + borderColor: theme.palette.mode === 'dark' ? '#4d4d4d' : '#dedede', borderRadius: '20px', })); @@ -26,7 +26,7 @@ const LicenseOption = styled(Box)<{ selected: boolean }>(({ theme, selected }) = textAlign: 'center', h3: { cursor: 'pointer', - color: selected ? '#333' : theme.palette.mode === 'dark' ? '#5d5d5d' : '#c0c0c0', + color: selected ? '#333' : theme.palette.mode === 'dark' ? '#a0a0a0' : '#c0c0c0', borderBottom: '0px solid', borderColor: selected ? theme.palette.primary.main : 'transparent', background: selected ? '#fff' : 'transparent',