diff --git a/src/App.vue b/src/App.vue
index 6b82631..43cc1cb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -21,4 +21,213 @@ html, body {
 #app {
   height: 100%;
 }
+
+/* 全局主题色覆盖 */
+:root {
+  --primary-color: #1a1a1a;
+  --primary-hover-color: #333333;
+  --primary-active-color: #444444;
+  --primary-text-color: #ffffff;
+  --primary-light-color: #f5f5f5;
+  --primary-border-color: #d9d9d9;
+  --primary-shadow-color: rgba(0, 0, 0, 0.15);
+}
+
+/* 覆盖Ant Design Vue的主题色 */
+/* 按钮相关 */
+.ant-btn-primary {
+  background-color: var(--primary-color) !important;
+  border-color: var(--primary-color) !important;
+}
+
+.ant-btn-primary:hover, 
+.ant-btn-primary:focus {
+  background-color: var(--primary-hover-color) !important;
+  border-color: var(--primary-hover-color) !important;
+}
+
+.ant-btn-primary:active {
+  background-color: var(--primary-active-color) !important;
+  border-color: var(--primary-active-color) !important;
+}
+
+.ant-btn-link {
+  color: var(--primary-color) !important;
+}
+
+.ant-btn-link:hover {
+  color: var(--primary-hover-color) !important;
+}
+
+/* 表单相关 */
+.ant-checkbox-checked .ant-checkbox-inner {
+  background-color: var(--primary-color) !important;
+  border-color: var(--primary-color) !important;
+}
+
+.ant-radio-checked .ant-radio-inner {
+  border-color: var(--primary-color) !important;
+}
+
+.ant-radio-inner::after {
+  background-color: var(--primary-color) !important;
+}
+
+.ant-switch-checked {
+  background-color: var(--primary-color) !important;
+}
+
+.ant-slider-track {
+  background-color: var(--primary-color) !important;
+}
+
+.ant-slider-handle {
+  border-color: var(--primary-color) !important;
+}
+
+.ant-input:focus, 
+.ant-input-focused,
+.ant-input:hover {
+  border-color: var(--primary-hover-color) !important;
+}
+
+.ant-input-affix-wrapper:focus, 
+.ant-input-affix-wrapper-focused,
+.ant-input-affix-wrapper:hover {
+  border-color: var(--primary-hover-color) !important;
+}
+
+.ant-select-focused .ant-select-selector,
+.ant-select-selector:hover,
+.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+  border-color: var(--primary-hover-color) !important;
+}
+
+.ant-select-item-option-selected:not(.ant-select-item-option-disabled) {
+  background-color: rgba(26, 26, 26, 0.1) !important;
+}
+
+.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
+  border-color: var(--primary-hover-color) !important;
+  box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.2) !important;
+}
+
+/* 菜单相关 */
+.ant-menu-dark.ant-menu-dark:not(.ant-menu-horizontal) .ant-menu-item-selected {
+  background-color: var(--primary-hover-color) !important;
+}
+
+.ant-menu-dark .ant-menu-item:hover {
+  background-color: var(--primary-hover-color) !important;
+}
+
+.ant-layout-sider-trigger {
+  background: var(--primary-color) !important;
+}
+
+/* 表格相关 */
+.ant-table-thead > tr > th {
+  background: var(--primary-light-color) !important;
+}
+
+.ant-pagination-item-active {
+  border-color: var(--primary-color) !important;
+}
+
+.ant-pagination-item-active a {
+  color: var(--primary-color) !important;
+}
+
+.ant-pagination-item:hover {
+  border-color: var(--primary-hover-color) !important;
+}
+
+.ant-pagination-item:hover a {
+  color: var(--primary-hover-color) !important;
+}
+
+.ant-pagination-prev:hover .ant-pagination-item-link,
+.ant-pagination-next:hover .ant-pagination-item-link {
+  color: var(--primary-hover-color) !important;
+  border-color: var(--primary-hover-color) !important;
+}
+
+/* 标签页相关 */
+.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn {
+  color: var(--primary-color) !important;
+}
+
+.ant-tabs-ink-bar {
+  background-color: var(--primary-color) !important;
+}
+
+.ant-tabs-tab:hover {
+  color: var(--primary-hover-color) !important;
+}
+
+/* 卡片相关 */
+.ant-card-head {
+  border-bottom: 1px solid var(--primary-border-color) !important;
+}
+
+/* 抽屉和模态框相关 */
+.ant-drawer-title,
+.ant-modal-title {
+  color: var(--primary-color) !important;
+}
+
+/* 通知和消息相关 */
+.ant-notification-notice-icon-success {
+  color: var(--primary-color) !important;
+}
+
+.ant-message-success .anticon {
+  color: var(--primary-color) !important;
+}
+
+/* 日期选择器相关 */
+.ant-picker-cell-in-view.ant-picker-cell-selected .ant-picker-cell-inner {
+  background-color: var(--primary-color) !important;
+}
+
+.ant-picker-cell-in-view.ant-picker-cell-today .ant-picker-cell-inner::before {
+  border-color: var(--primary-color) !important;
+}
+
+.ant-picker:hover, 
+.ant-picker-focused {
+  border-color: var(--primary-hover-color) !important;
+}
+
+/* 下拉菜单相关 */
+.ant-dropdown-menu-item:hover {
+  background-color: rgba(26, 26, 26, 0.1) !important;
+}
+
+/* 树形控件相关 */
+.ant-tree-checkbox-checked .ant-tree-checkbox-inner {
+  background-color: var(--primary-color) !important;
+  border-color: var(--primary-color) !important;
+}
+
+.ant-tree-node-selected {
+  background-color: rgba(26, 26, 26, 0.1) !important;
+}
+
+/* 链接相关 */
+a {
+  color: var(--primary-color) !important;
+}
+
+a:hover {
+  color: var(--primary-hover-color) !important;
+}
+
+.ant-table a {
+  color: var(--primary-color) !important;
+}
+
+.ant-table a:hover {
+  color: var(--primary-hover-color) !important;
+}
 </style> 
\ No newline at end of file
diff --git a/src/layouts/AdminLayout.vue b/src/layouts/AdminLayout.vue
index af96641..7a8cf85 100644
--- a/src/layouts/AdminLayout.vue
+++ b/src/layouts/AdminLayout.vue
@@ -1,7 +1,7 @@
 <template>
   <a-layout style="min-height: 100vh">
     <!-- 侧边栏 -->
-    <a-layout-sider v-model:collapsed="collapsed" collapsible>
+    <a-layout-sider v-model:collapsed="collapsed" collapsible :theme="'dark'" style="background: #1a1a1a;">
       <div class="logo">
         <h1 v-if="!collapsed">蜂快·运营商平台</h1>
         <h1 v-else>蜂快</h1>
@@ -10,6 +10,7 @@
         v-model:selectedKeys="selectedKeys"
         theme="dark"
         mode="inline"
+        style="background: #1a1a1a;"
       >
         <a-menu-item key="dashboard" @click="() => $router.push('/dashboard')">
           <template #icon><dashboard-outlined /></template>
@@ -28,7 +29,7 @@
     
     <a-layout>
       <!-- 头部 -->
-      <a-layout-header style="background: #fff; padding: 0">
+      <a-layout-header style="background: #fff; padding: 0; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05);">
         <div class="header-right">
           <a-dropdown>
             <a class="ant-dropdown-link" @click.prevent>
@@ -48,14 +49,14 @@
       
       <!-- 内容区 -->
       <a-layout-content style="margin: 16px">
-        <div :style="{ padding: '24px', background: '#fff', minHeight: '360px' }">
+        <div :style="{ padding: '24px', background: '#fff', minHeight: '360px', borderRadius: '8px', boxShadow: '0 1px 4px rgba(0, 0, 0, 0.05)' }">
           <router-view></router-view>
         </div>
       </a-layout-content>
       
       <!-- 底部 -->
-      <a-layout-footer style="text-align: center">
-        蜂快·运营商平台 ©2025 Created by Admin
+      <a-layout-footer style="text-align: center; color: rgba(0, 0, 0, 0.45);">
+        蜂快·运营商平台 ©2025
       </a-layout-footer>
     </a-layout>
   </a-layout>
@@ -126,6 +127,7 @@ export default {
   color: white;
   text-align: center;
   overflow: hidden;
+  background: #1a1a1a;
 }
 
 .logo h1 {
@@ -137,5 +139,95 @@ export default {
 .header-right {
   float: right;
   margin-right: 24px;
+  height: 64px;
+  display: flex;
+  align-items: center;
+}
+
+.header-right .ant-dropdown-link {
+  display: flex;
+  align-items: center;
+  color: #1a1a1a;
+  cursor: pointer;
+  padding: 0 12px;
+  height: 64px;
+  transition: all 0.3s;
+}
+
+.header-right .ant-dropdown-link:hover {
+  background-color: rgba(0, 0, 0, 0.025);
+}
+
+:deep(.ant-layout-sider-trigger) {
+  background: #000000;
+}
+
+:deep(.ant-menu-dark) {
+  background: #1a1a1a;
+}
+
+:deep(.ant-menu-dark .ant-menu-item-selected) {
+  background-color: #333333;
+}
+
+:deep(.ant-menu-dark .ant-menu-item) {
+  margin: 4px 0;
+  border-radius: 4px;
+  margin-left: 8px;
+  margin-right: 8px;
+  width: calc(100% - 16px);
+}
+
+:deep(.ant-menu-dark .ant-menu-item:hover) {
+  background-color: #333333;
+}
+
+:deep(.ant-layout-sider) {
+  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.15);
+  z-index: 10;
+}
+
+:deep(.ant-dropdown-menu) {
+  border-radius: 4px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+}
+
+:deep(.ant-dropdown-menu-item:hover) {
+  background-color: rgba(26, 26, 26, 0.05);
+}
+
+:deep(.ant-avatar) {
+  background-color: #1a1a1a;
+}
+
+/* 链接样式 */
+:deep(a) {
+  color: #1a1a1a;
+  transition: all 0.3s;
+}
+
+:deep(a:hover) {
+  color: #333333;
+}
+
+/* 下拉菜单中的链接 */
+:deep(.ant-dropdown-menu-item a) {
+  color: #1a1a1a;
+  transition: all 0.3s;
+}
+
+:deep(.ant-dropdown-menu-item a:hover) {
+  color: #333333;
+}
+
+/* 白色背景上的图标 */
+:deep(.ant-layout-header .anticon),
+:deep(.ant-layout-content .anticon) {
+  color: #1a1a1a;
+}
+
+/* 深色背景上的图标 */
+:deep(.ant-menu-dark .anticon) {
+  color: #fff;
 }
 </style> 
\ No newline at end of file
diff --git a/src/views/Dashboard.vue b/src/views/Dashboard.vue
index 2e13454..b9276f8 100644
--- a/src/views/Dashboard.vue
+++ b/src/views/Dashboard.vue
@@ -136,10 +136,89 @@ export default {
 .card-content h2 {
   font-size: 24px;
   margin-bottom: 8px;
+  color: #1a1a1a;
 }
 
 .card-content p {
   margin: 0;
   color: rgba(0, 0, 0, 0.45);
 }
+
+:deep(.ant-card) {
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+  transition: all 0.3s;
+}
+
+:deep(.ant-card:hover) {
+  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
+  transform: translateY(-2px);
+}
+
+:deep(.ant-card-head) {
+  border-bottom: 1px solid #f0f0f0;
+}
+
+:deep(.ant-card-head-title) {
+  font-weight: 600;
+  color: #1a1a1a;
+}
+
+:deep(.ant-tag.ant-tag-green) {
+  color: #1a1a1a;
+  background: rgba(26, 26, 26, 0.1);
+  border-color: #1a1a1a;
+}
+
+:deep(.ant-tag.ant-tag-red) {
+  color: #ff4d4f;
+  background: rgba(255, 77, 79, 0.1);
+  border-color: #ff4d4f;
+}
+
+:deep(.ant-list-item) {
+  padding: 12px 0;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+:deep(.ant-list-item:last-child) {
+  border-bottom: none;
+}
+
+:deep(.ant-list-item-meta-title) {
+  color: #1a1a1a;
+  font-weight: 500;
+}
+
+:deep(.ant-list-item-meta-description) {
+  color: rgba(0, 0, 0, 0.45);
+}
+
+:deep(.ant-avatar) {
+  background-color: #1a1a1a;
+}
+
+/* 链接样式 */
+:deep(a) {
+  color: #1a1a1a;
+  transition: all 0.3s;
+}
+
+:deep(a:hover) {
+  color: #333333;
+}
+
+/* 列表项中的链接样式 */
+:deep(.ant-list-item-meta-title a) {
+  color: #1a1a1a;
+}
+
+:deep(.ant-list-item-meta-title a:hover) {
+  color: #333333;
+}
+
+/* 图标颜色 */
+:deep(.anticon) {
+  color: #1a1a1a;
+}
 </style> 
\ No newline at end of file
diff --git a/src/views/Login.vue b/src/views/Login.vue
index 649a9ab..52ba9de 100644
--- a/src/views/Login.vue
+++ b/src/views/Login.vue
@@ -136,7 +136,7 @@ export default {
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: #f0f8ff;
+  background-color: #f5f5f5;
 }
 
 .login-box {
@@ -145,12 +145,12 @@ export default {
   display: flex;
   border-radius: 12px;
   overflow: hidden;
-  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
 }
 
 .login-left {
   width: 40%;
-  background-color: #2b7aee;
+  background-color: #1a1a1a;
   padding: 40px;
   display: flex;
   flex-direction: column;
@@ -174,6 +174,7 @@ export default {
   font-size: 24px;
   font-weight: bold;
   margin-top: 16px;
+  color: #ffffff;
 }
 
 .feature-list {
@@ -190,6 +191,7 @@ export default {
 .feature-item .anticon {
   margin-right: 12px;
   font-size: 18px;
+  color: #1890ff;
 }
 
 .login-right {
@@ -207,7 +209,7 @@ export default {
 .welcome-text h1 {
   font-size: 24px;
   font-weight: bold;
-  color: #333;
+  color: #1a1a1a;
   margin-bottom: 8px;
 }
 
@@ -236,13 +238,13 @@ export default {
   height: 50px;
   font-size: 16px;
   border-radius: 4px;
-  background-color: #2b7aee;
-  border-color: #2b7aee;
+  background-color: #1a1a1a;
+  border-color: #1a1a1a;
 }
 
 .login-button:hover {
-  background-color: #1e6cd8;
-  border-color: #1e6cd8;
+  background-color: #333333;
+  border-color: #333333;
 }
 
 .login-footer {
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index f0082df..bf6a5b0 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -250,4 +250,105 @@ export default {
   width: 128px;
   height: 128px;
 }
+
+:deep(.ant-card) {
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+}
+
+:deep(.ant-tabs-tab.ant-tabs-tab-active .ant-tabs-tab-btn) {
+  color: #1a1a1a;
+  font-weight: 500;
+}
+
+:deep(.ant-tabs-ink-bar) {
+  background-color: #1a1a1a;
+}
+
+:deep(.ant-tabs-tab:hover) {
+  color: #333333;
+}
+
+:deep(.ant-form-item-label > label) {
+  color: #1a1a1a;
+}
+
+:deep(.ant-input:focus), 
+:deep(.ant-input-focused),
+:deep(.ant-input-number:focus),
+:deep(.ant-input-number-focused) {
+  border-color: #1a1a1a;
+  box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.2);
+}
+
+:deep(.ant-input:hover),
+:deep(.ant-input-number:hover) {
+  border-color: #333333;
+}
+
+:deep(.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+  border-color: #1a1a1a;
+  box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.2);
+}
+
+:deep(.ant-select-item-option-selected:not(.ant-select-item-option-disabled)) {
+  background-color: rgba(26, 26, 26, 0.1);
+  color: #1a1a1a;
+}
+
+:deep(.ant-btn-primary) {
+  background-color: #1a1a1a;
+  border-color: #1a1a1a;
+}
+
+:deep(.ant-btn-primary:hover) {
+  background-color: #333333;
+  border-color: #333333;
+}
+
+:deep(.ant-switch-checked) {
+  background-color: #1a1a1a;
+}
+
+:deep(.ant-upload.ant-upload-select-picture-card:hover) {
+  border-color: #1a1a1a;
+}
+
+:deep(.ant-upload-list-picture-card-container) {
+  border-radius: 8px;
+  overflow: hidden;
+}
+
+:deep(.ant-upload-list-picture-card .ant-upload-list-item) {
+  border-radius: 8px;
+}
+
+:deep(.ant-upload-list-picture-card .ant-upload-list-item-info::before) {
+  border-radius: 8px;
+}
+
+/* 链接样式 */
+:deep(a) {
+  color: #1a1a1a;
+  transition: all 0.3s;
+}
+
+:deep(a:hover) {
+  color: #333333;
+}
+
+/* 按钮中的链接样式 */
+:deep(.ant-btn a) {
+  color: inherit;
+}
+
+/* 图标颜色 */
+:deep(.anticon) {
+  color: #1a1a1a;
+}
+
+/* 上传组件中的图标 */
+:deep(.ant-upload-list-picture-card .ant-upload-list-item-actions .anticon) {
+  color: #fff;
+}
 </style> 
\ No newline at end of file
diff --git a/src/views/User.vue b/src/views/User.vue
index d0e5a90..a185ee7 100644
--- a/src/views/User.vue
+++ b/src/views/User.vue
@@ -380,4 +380,122 @@ export default {
 .table-operations {
   margin-bottom: 16px;
 }
+
+:deep(.ant-card) {
+  border-radius: 8px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
+}
+
+:deep(.ant-table-thead > tr > th) {
+  background-color: #f5f5f5;
+  color: #1a1a1a;
+  font-weight: 600;
+}
+
+:deep(.ant-table-tbody > tr:hover > td) {
+  background-color: rgba(26, 26, 26, 0.05);
+}
+
+:deep(.ant-table-row-selected > td) {
+  background-color: rgba(26, 26, 26, 0.1);
+}
+
+:deep(.ant-tag) {
+  border-radius: 4px;
+  padding: 0 8px;
+  height: 24px;
+  line-height: 22px;
+}
+
+:deep(.ant-tag-green) {
+  color: #1a1a1a;
+  background: rgba(26, 26, 26, 0.1);
+  border-color: #1a1a1a;
+}
+
+:deep(.ant-tag-red) {
+  color: #ff4d4f;
+  background: rgba(255, 77, 79, 0.1);
+  border-color: #ff4d4f;
+}
+
+:deep(.ant-btn-primary) {
+  background-color: #1a1a1a;
+  border-color: #1a1a1a;
+}
+
+:deep(.ant-btn-primary:hover) {
+  background-color: #333333;
+  border-color: #333333;
+}
+
+:deep(.ant-modal-header) {
+  border-bottom: 1px solid #f0f0f0;
+}
+
+:deep(.ant-modal-title) {
+  color: #1a1a1a;
+  font-weight: 600;
+}
+
+:deep(.ant-form-item-label > label) {
+  color: #1a1a1a;
+}
+
+:deep(.ant-input:focus), 
+:deep(.ant-input-focused) {
+  border-color: #1a1a1a;
+  box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.2);
+}
+
+:deep(.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector) {
+  border-color: #1a1a1a;
+  box-shadow: 0 0 0 2px rgba(26, 26, 26, 0.2);
+}
+
+:deep(.ant-select-item-option-selected:not(.ant-select-item-option-disabled)) {
+  background-color: rgba(26, 26, 26, 0.1);
+  color: #1a1a1a;
+}
+
+:deep(.ant-switch-checked) {
+  background-color: #1a1a1a;
+}
+
+:deep(.ant-pagination-item-active) {
+  border-color: #1a1a1a;
+}
+
+:deep(.ant-pagination-item-active a) {
+  color: #1a1a1a;
+}
+
+/* 表格中链接的样式 */
+:deep(.ant-table a) {
+  color: #1a1a1a;
+  transition: all 0.3s;
+}
+
+:deep(.ant-table a:hover) {
+  color: #333333;
+  text-decoration: underline;
+}
+
+/* 操作列中的链接样式 */
+:deep(.ant-space a) {
+  color: #1a1a1a;
+  transition: all 0.3s;
+  padding: 2px 4px;
+  border-radius: 2px;
+}
+
+:deep(.ant-space a:hover) {
+  color: #333333;
+  background-color: rgba(26, 26, 26, 0.05);
+}
+
+/* 分割线样式 */
+:deep(.ant-divider-vertical) {
+  border-left: 1px solid rgba(0, 0, 0, 0.15);
+}
 </style> 
\ No newline at end of file