Improve dark theme

mui · Feb 19, 2023 · c109e75 · c109e75
1 parent 5eac98a
commit c109e75
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/docs/src/components/pricing/LicenseTypeWidget.tsx b/docs/src/components/pricing/LicenseTypeWidget.tsx
@@ -16,17 +16,17 @@ 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',
 }));
 
 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',