Merge pull request #46 from Honeybrain/NightMode

Night mode
Honeybrain · Jan 18, 2024 · f01a4f3 · f01a4f3
2 parents 73178c6 + 61cf653
commit f01a4f3
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/Navbar.tsx b/src/components/Navbar.tsx
@@ -70,4 +70,4 @@ const Navbar = () => {
   );
 };
 
-export default Navbar;
+export default Navbar;
diff --git a/src/components/dashboard/BlockManager.tsx b/src/components/dashboard/BlockManager.tsx
@@ -15,6 +15,8 @@ const BlockManager = () => {
   const [alertText, setAlertText] = React.useState('');
   const { t } = useTranslation();
   const { isNightMode } = useContext(NightModeContext);
+  const nightModeBgColor1 = 'color1ForNightMode';
+  const nightModeBgColor2 = 'color2ForNightMode';
   const textFieldStyle = isNightMode 
   ? { 
       InputLabelProps: { style: { color: 'white' } }, 
@@ -110,7 +112,9 @@ const BlockManager = () => {
                 <ListItem key={index} sx={{
                   my: 1,
                   px: 2,
-                  bgcolor: index % 2 === 0 ? 'action.hover' : 'background.default',
+                  bgcolor: isNightMode 
+                  ? (index % 2 === 0 ? nightModeBgColor1 : nightModeBgColor2) 
+                  : (index % 2 === 0 ? 'action.hover' : 'background.default'),                  
                   borderRadius: 1
                 }}>
                   <ListItemText primary={blacklistedIP} />
-Original file line number
+Diff line change
@@ Expand Up / @@ -70,4 +70,4 @@ const Navbar = () => { @@
       );
     };
-    export default Navbar;
+    export default Navbar;