diff --git a/pkgs/ui/src/app/theme/themes.ts b/pkgs/ui/src/app/theme/themes.ts
index 98559f2..ab91fc2 100644
--- a/pkgs/ui/src/app/theme/themes.ts
+++ b/pkgs/ui/src/app/theme/themes.ts
@@ -4,7 +4,8 @@ import {
   createTheme,
 } from "@mui/material/styles";
 
-import colors from "../../../../theme/src/colors.json";
+import colors from "@clan/colors/colors.json";
+// import colors from "../../../../theme/src/colors.json";
 const { palette, common } = colors.ref;
 
 const commonOptions: Partial<ThemeOptions> = {
@@ -46,8 +47,8 @@ export const darkTheme = createTheme({
     mode: "dark",
     ...commonPalette,
     background: {
-      default: palette.neutral20.value,
-      paper: palette.neutral50.value,
+      default: palette.neutral2.value,
+      paper: palette.neutral5.value,
     },
     common: {
       black: common.black.value,