diff --git a/ui/src/proxy/theme/theme.config.ts b/ui/src/proxy/theme/theme.config.ts
index dd67619d..26a3cea2 100644
--- a/ui/src/proxy/theme/theme.config.ts
+++ b/ui/src/proxy/theme/theme.config.ts
@@ -4,17 +4,17 @@ import { ThemeConfig } from '@/proxy/theme/models'
 export const themeConfig: ThemeConfig = {
   themeColor: 'indigo',
   direction: THEME_ENUM.DIR_LTR,
-  mode: THEME_ENUM.MODE_LIGHT,
+  mode: THEME_ENUM.MODE_DARK,
   primaryColorLevel: 600,
   cardBordered: true,
   panelExpand: false,
   controlSize: 'md',
-  navMode: THEME_ENUM.NAV_MODE_LIGHT,
+  navMode: THEME_ENUM.NAV_MODE_DARK,
   layout: {
     type: THEME_ENUM.LAYOUT_TYPE_SIMPLE,
     sideNavCollapse: false,
   },
-  style: 'dx.material.blue.light.compact',
+  style: 'dx.material.blue.dark.compact',
 }
 
 export const availableNavColorLayouts = [LAYOUT_TYPE_DECKED, LAYOUT_TYPE_SIMPLE, LAYOUT_TYPE_BLANK]