diff --git a/package.json b/package.json
index e78cf8a..d7b8dc3 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
   ],
   "scripts": {
     "build": "npm run clean && npm run build:types && gulp",
-    "build:site": "dumi build",
+    "build:site": "cross-env NODE_ENV=production dumi build",
     "build:types": "tsc -p tsconfig.build.json && cpr lib esm",
     "clean": "rimraf lib esm dist .dumi/tmp doc-site",
     "commit": "cz",
diff --git a/src/Theme/dark.ts b/src/Theme/dark.ts
index 46a1c52..6552cb9 100644
--- a/src/Theme/dark.ts
+++ b/src/Theme/dark.ts
@@ -14,4 +14,8 @@ export const styledDarkTheme = {
   // components
   contextMenuBgColor: '#1E1F20',
   contextMenuBgColorHover: '#1552B3',
+  buttonBgColor: '#21262c',
+  tooltipBgColor: '#43414A',
+  dialogBgColor: '#05010d',
+  dialogBackdropColor: 'rgb(18, 18, 18, 0.7)',
 }
diff --git a/src/Theme/light.ts b/src/Theme/light.ts
index f0d06fa..e706431 100644
--- a/src/Theme/light.ts
+++ b/src/Theme/light.ts
@@ -14,4 +14,8 @@ export const styledLightTheme = {
   // components
   contextMenuBgColor: '#f6f7f9',
   contextMenuBgColorHover: '#1552B3',
+  buttonBgColor: '#f6f7f9',
+  tooltipBgColor: '#d7d7dc',
+  dialogBgColor: '#f6f7f9',
+  dialogBackdropColor: 'rgba(220, 220, 220, 0.4)',
 }