diff --git a/web/src/style/element_visiable.scss b/web/src/style/element_visiable.scss
index 5fa6f3a74..e2b9aae40 100644
--- a/web/src/style/element_visiable.scss
+++ b/web/src/style/element_visiable.scss
@@ -119,5 +119,7 @@
 html.dark {
     /* 自定义深色背景颜色 */
     --el-bg-color: rgb(30 ,41 ,59);
-    --el-bg-color-overlay: rgba(30 ,41 ,59, 0.8);
+    --el-bg-color-overlay: rgb(40 ,51 ,69);
+    --el-fill-color-light:  rgb(15 ,23 ,42);
+    --el-fill-color : rgb(15 ,23 ,42);
 }
diff --git a/web/src/utils/format.js b/web/src/utils/format.js
index efb9090e6..49ab68246 100644
--- a/web/src/utils/format.js
+++ b/web/src/utils/format.js
@@ -71,8 +71,9 @@ const  hexToColor = (u,e,t)=>{
 }
 const  generateAllColors = (u,e)=> {
   let t = colorToHex(u);
+  const target = [10, 10, 30];
   for (let a = 0; a < 3; a++)
-    t[a] = Math.floor((255 - t[a]) * e + t[a]);
+  t[a] = Math.floor(t[a] * (1 - e) + target[a] * e);
   return hexToColor(t[0], t[1], t[2])
 }
 
diff --git a/web/src/view/example/upload/upload.vue b/web/src/view/example/upload/upload.vue
index 8ffe12312..727cc5645 100644
--- a/web/src/view/example/upload/upload.vue
+++ b/web/src/view/example/upload/upload.vue
@@ -4,7 +4,7 @@
       <warning-bar
         title="点击“文件名/备注”可以编辑文件名或者备注内容。"
       />
-      <div class="gva-btn-list">
+      <div class="gva-btn-list gap-3">
         <upload-common
           :image-common="imageCommon"
           @on-success="getTableData"
diff --git a/web/src/view/init/index.vue b/web/src/view/init/index.vue
index 3870a980b..dab6484f3 100644
--- a/web/src/view/init/index.vue
+++ b/web/src/view/init/index.vue
@@ -1,16 +1,16 @@
 <template>
-  <div class="rounded-lg  flex items-center justify-evenly w-full h-full relative bg-white md:w-screen md:h-screen md:bg-[#194bfb] overflow-hidden">
+  <div class="rounded-lg  flex items-center justify-evenly w-full h-full relative md:w-screen md:h-screen md:bg-[#194bfb] overflow-hidden">
     <div class="rounded-md w-full h-full flex items-center justify-center overflow-hidden">
-      <div class="oblique h-[130%] w-3/5 bg-white transform -rotate-12 absolute -ml-80" />
+      <div class="oblique h-[130%] w-3/5 bg-white dark:bg-slate-900 transform -rotate-12 absolute -ml-80" />
       <div
         v-if="!page.showForm"
         :class="[page.showReadme ?'slide-out-right' :'slide-in-fwd-top' ]"
       >
         <div class=" text-lg">
-          <div class="font-sans text-4xl font-bold text-center mb-4">GIN-VUE-ADMIN</div>
-          <p class="text-gray-600 mb-2">初始化须知</p>
-          <p class="text-gray-600 mb-2">1.您需有用一定的VUE和GOLANG基础</p>
-          <p class="text-gray-600 mb-2">2.请您确认是否已经阅读过<a
+          <div class="font-sans text-4xl font-bold text-center mb-4 dark:text-white">GIN-VUE-ADMIN</div>
+          <p class="text-gray-600 dark:text-gray-300 mb-2">初始化须知</p>
+          <p class="text-gray-600 dark:text-gray-300 mb-2">1.您需有用一定的VUE和GOLANG基础</p>
+          <p class="text-gray-600 dark:text-gray-300 mb-2">2.请您确认是否已经阅读过<a
             class="text-blue-600 font-bold"
             href="https://www.gin-vue-admin.com"
             target="_blank"
@@ -19,9 +19,9 @@
             href="https://www.bilibili.com/video/BV1kv4y1g7nT?p=2"
             target="_blank"
           >初始化视频</a></p>
-          <p class="text-gray-600 mb-2">3.请您确认是否了解后续的配置流程</p>
-          <p class="text-gray-600 mb-2">4.如果您使用mysql数据库，请确认数据库引擎为<span class="text-red-600 font-bold text-3xl ml-2 ">innoDB</span></p>
-          <p class="text-gray-600 mb-2">注：开发组不为文档中书写过的内容提供无偿服务</p>
+          <p class="text-gray-600 dark:text-gray-300 mb-2">3.请您确认是否了解后续的配置流程</p>
+          <p class="text-gray-600 dark:text-gray-300 mb-2">4.如果您使用mysql数据库，请确认数据库引擎为<span class="text-red-600 font-bold text-3xl ml-2 ">innoDB</span></p>
+          <p class="text-gray-600 dark:text-gray-300 mb-2">注：开发组不为文档中书写过的内容提供无偿服务</p>
           <p class="flex items-center justify-between mt-8">
             <el-button
               type="primary"
@@ -51,6 +51,9 @@
           label-width="100px"
           size="large"
         >
+          <el-form-item label="管理员密码">
+            <el-input v-model="form.adminPassword" placeholder="admin账号的默认密码"></el-input>
+          </el-form-item>
           <el-form-item label="数据库类型">
             <el-select
               v-model="form.dbType"
@@ -201,6 +204,8 @@ const changeDB = (val) => {
   switch (val) {
     case 'mysql':
       Object.assign(form, {
+        adminPassword:'',
+        reAdminPassword:'',
         dbType: 'mysql',
         host: '127.0.0.1',
         port: '3306',
@@ -212,6 +217,8 @@ const changeDB = (val) => {
       break
     case 'pgsql':
       Object.assign(form, {
+        adminPassword:'',
+        reAdminPassword:'',
         dbType: 'pgsql',
         host: '127.0.0.1',
         port: '5432',
@@ -223,6 +230,8 @@ const changeDB = (val) => {
       break
     case 'oracle':
       Object.assign(form, {
+        adminPassword:'',
+        reAdminPassword:'',
         dbType: 'oracle',
         host: '127.0.0.1',
         port: '1521',
@@ -234,6 +243,8 @@ const changeDB = (val) => {
       break
     case 'mssql':
       Object.assign(form, {
+        adminPassword:'',
+        reAdminPassword:'',
         dbType: 'mssql',
         host: '127.0.0.1',
         port: '1433',
@@ -245,6 +256,8 @@ const changeDB = (val) => {
       break
     case 'sqlite':
       Object.assign(form, {
+        adminPassword:'',
+        reAdminPassword:'',
         dbType: 'sqlite',
         host: '',
         port: '',
@@ -256,6 +269,8 @@ const changeDB = (val) => {
       break
     default:
       Object.assign(form, {
+        adminPassword:'',
+        reAdminPassword:'',
         dbType: 'mysql',
         host: '127.0.0.1',
         port: '3306',
@@ -267,6 +282,14 @@ const changeDB = (val) => {
   }
 }
 const onSubmit = async() => {
+  if (form.adminPassword.length < 6) {
+    ElMessage({
+      type: 'error',
+      message: '密码长度不能小于6位',
+    })
+    return
+  }
+
   const loading = ElLoading.service({
     lock: true,
     text: '正在初始化数据库，请稍候',
diff --git a/web/src/view/login/index.vue b/web/src/view/login/index.vue
index 4250edf06..71921f133 100644
--- a/web/src/view/login/index.vue
+++ b/web/src/view/login/index.vue
@@ -202,7 +202,7 @@ const loginForm = ref(null)
 const picPath = ref('')
 const loginFormData = reactive({
   username: 'admin',
-  password: '123456',
+  password: '',
   captcha: '',
   captchaId: '',
   openCaptcha: false,
diff --git a/web/src/view/person/person.vue b/web/src/view/person/person.vue
index f725a09d3..74600e93e 100644
--- a/web/src/view/person/person.vue
+++ b/web/src/view/person/person.vue
@@ -1,9 +1,9 @@
 <template>
-  <div>
+  <div class="gva-form-box">
     <div class="grid grid-cols-12 w-full gap-2">
       <div class="col-span-3 h-full">
-        <div class="w-full h-full bg-white px-4 py-8 rounded-lg shadow-lg box-border">
-          <div class="user-card px-6 text-center bg-white shrink-0">
+        <div class="w-full h-full bg-white dark:bg-slate-900 px-4 py-8 rounded-lg shadow-lg box-border">
+          <div class="user-card px-6 text-center bg-white dark:bg-slate-900 shrink-0">
             <div class="flex justify-center">
               <SelectImage
                 v-model="userStore.userInfo.headerImg"
@@ -92,7 +92,7 @@
         </div>
       </div>
       <div class="col-span-9 ">
-        <div class="bg-white h-full px-4 py-8 rounded-lg shadow-lg box-border">
+        <div class="bg-white dark:bg-slate-900 h-full px-4 py-8 rounded-lg shadow-lg box-border">
           <el-tabs
             v-model="activeName"
             @tab-click="handleClick"
@@ -494,7 +494,7 @@ const changeEmail = async() => {
 
 <style lang="scss">
 .borderd {
-  @apply border-b-2 border-solid border-gray-100 border-t-0 border-r-0 border-l-0;
+  @apply border-b-2 border-solid border-gray-100 dark:border-gray-500 border-t-0 border-r-0 border-l-0;
     &:last-child{
       @apply border-b-0;
     }
diff --git a/web/src/view/superAdmin/authority/components/menus.vue b/web/src/view/superAdmin/authority/components/menus.vue
index e22adc584..5ec1c53bf 100644
--- a/web/src/view/superAdmin/authority/components/menus.vue
+++ b/web/src/view/superAdmin/authority/components/menus.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <div class="sticky top-0.5 z-10 bg-white">
+    <div class="sticky top-0.5 z-10">
       <el-input
         v-model="filterText"
         class="w-3/5"
diff --git a/web/src/view/systemTools/installPlugin/index.vue b/web/src/view/systemTools/installPlugin/index.vue
index ac3da1df0..214c38573 100644
--- a/web/src/view/systemTools/installPlugin/index.vue
+++ b/web/src/view/systemTools/installPlugin/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+    <div class="gva-form-box">
     <el-upload
       drag
       :action="`${path}/autoCode/installPlugin`"
diff --git a/web/src/view/systemTools/pubPlug/pubPlug.vue b/web/src/view/systemTools/pubPlug/pubPlug.vue
index f8e723781..1a08b3758 100644
--- a/web/src/view/systemTools/pubPlug/pubPlug.vue
+++ b/web/src/view/systemTools/pubPlug/pubPlug.vue
@@ -1,17 +1,20 @@
 <template>
-  <div class="p-5 bg-white">
-    <WarningBar title="目前只支持标准插件（通过插件模板生成的标准目录插件），非标准插件请自行打包" />
-    <div class="flex items-center gap-3">
-      <el-input
-        v-model="plugName"
-        placeholder="插件模板处填写的【插件名】"
-      />
-      <el-button
-        type="primary"
-        @click="pubPlugin"
-      >打包插件</el-button>
+  <div class="gva-form-box">
+    <div class="p-4 bg-white dark:bg-slate-900">
+      <WarningBar title="目前只支持标准插件（通过插件模板生成的标准目录插件），非标准插件请自行打包" />
+      <div class="flex items-center gap-3">
+        <el-input
+            v-model="plugName"
+            placeholder="插件模板处填写的【插件名】"
+        />
+        <el-button
+            type="primary"
+            @click="pubPlugin"
+        >打包插件</el-button>
+      </div>
     </div>
   </div>
+
 </template>
 
 <script setup>
diff --git a/web/src/view/systemTools/system/system.vue b/web/src/view/systemTools/system/system.vue
index d50874f6f..0afd8a2c6 100644
--- a/web/src/view/systemTools/system/system.vue
+++ b/web/src/view/systemTools/system/system.vue
@@ -549,7 +549,7 @@ const email = async() => {
 
 <style lang="scss">
 .system {
-  @apply bg-white p-9 rounded;
+  @apply bg-white p-9 rounded dark:bg-slate-900;
   h2 {
     @apply p-2.5 my-2.5 text-lg shadow;
   }