diff --git a/src/components/Dialogs/SmartBar.tsx b/src/components/Dialogs/SmartBar.tsx
index 3062f873..f085ea01 100644
--- a/src/components/Dialogs/SmartBar.tsx
+++ b/src/components/Dialogs/SmartBar.tsx
@@ -139,7 +139,9 @@ const Bar = ({ handleClose, direct, maxWidth = 500, inputRef }: any) => {
                 'DarkGreen',
                 'DarkBlue',
                 'DarkGrey',
-                'DarkPink'
+                'DarkPink',
+                'DarkWhite',
+                'LightBlack',
               ].indexOf(value.replace('theme:', '')) > -1
             ) {
               window.localStorage.setItem(
diff --git a/src/themes/AppThemes.tsx b/src/themes/AppThemes.tsx
index 63f511d5..6ff2a270 100644
--- a/src/themes/AppThemes.tsx
+++ b/src/themes/AppThemes.tsx
@@ -95,6 +95,34 @@ export const BladeDarkGreenTheme = {
     }
   }
 }
+export const BladeDarkWhiteTheme = {
+  palette: {
+    mode: 'dark' as PaletteMode | undefined,
+    primary: {
+      main: '#FFFFFF'
+    },
+    secondary: {
+      main: '#FFFFFF'
+    },
+    accent: {
+      main: '#FF0000'
+    }
+  }
+}
+export const BladeLightBlackTheme = {
+  palette: {
+    mode: 'light' as PaletteMode | undefined,
+    primary: {
+      main: '#000000'
+    },
+    secondary: {
+      main: '#000000'
+    },
+    accent: {
+      main: '#FF0000'
+    }
+  }
+}
 
 export const BladeDarkBlueTheme = createTheme({
   palette: {
@@ -243,7 +271,9 @@ export const ledfxThemes = {
   DarkGreen: BladeDarkGreenTheme,
   DarkBlue: BladeDarkBlueTheme,
   DarkGrey: BladeDarkGreyTheme,
-  DarkPink: BladeDarkPinkTheme
+  DarkPink: BladeDarkPinkTheme,
+  DarkWhite: BladeDarkWhiteTheme,
+  LightBlack: BladeLightBlackTheme
 } as any
 
 export const ledfxTheme =