fix(theme): update primary color to a consistent hex format

- Changed the primary color in SCSS and CSS variables from `#409eff` to `#409EFF` for consistency across the application.
- Updated related components to ensure the new primary color is applied uniformly in the theme settings.

src/assets/styles/theme/css-variables.scss

@@ -4,7 +4,7 @@
 
 :root {
   // ========== 主题色（默认 Indigo）==========
-  --color-primary: #6366f1;
+  --color-primary: #409eff;
   --color-primary-light-3: #818cf8;
   --color-primary-light-5: #a5b4fc;
   --color-primary-light-7: #c7d2fe;

src/assets/styles/theme/presets.ts

@@ -15,7 +15,7 @@ export interface ThemeColorSet {
 export const themeColorPresets: Record<string, ThemeColorSet> = {
   indigo: {
     name: '靛蓝',
-    primary: '#6366f1',
+    primary: '#409EFF',
     primaryLight3: '#818cf8',
     primaryLight5: '#a5b4fc',
     primaryLight7: '#c7d2fe',

src/views/camera-vendor/index.vue

@@ -677,29 +677,6 @@ onMounted(() => {
   :deep(.el-select) {
     width: 160px;
   }
-
-  // Indigo 主题按钮
-  :deep(.el-button--primary) {
-    background-color: #4f46e5;
-    border-color: #4f46e5;
-
-    &:hover,
-    &:focus {
-      background-color: #6366f1;
-      border-color: #6366f1;
-    }
-  }
-
-  :deep(.el-button--success) {
-    background-color: #10b981;
-    border-color: #10b981;
-
-    &:hover,
-    &:focus {
-      background-color: #34d399;
-      border-color: #34d399;
-    }
-  }
 }
 
 .table-wrapper {
@@ -713,23 +690,6 @@ onMounted(() => {
   display: flex;
   justify-content: flex-end;
   padding-top: 16px;
-
-  // Indigo 主题分页
-  :deep(.el-pagination) {
-    .el-pager li.is-active {
-      background-color: #4f46e5;
-      color: #fff;
-    }
-
-    .el-pager li:not(.is-active):hover {
-      color: #4f46e5;
-    }
-
-    .btn-prev:hover,
-    .btn-next:hover {
-      color: #4f46e5;
-    }
-  }
 }
 
 // 协议标签样式
@@ -751,22 +711,6 @@ onMounted(() => {
     font-weight: 600;
   }
 
-  .el-link--primary {
-    color: #4f46e5;
-
-    &:hover {
-      color: #6366f1;
-    }
-  }
-
-  .el-button--primary.is-link {
-    color: #4f46e5;
-
-    &:hover {
-      color: #6366f1;
-    }
-  }
-
   .el-table__column-filter-trigger,
   .caret-wrapper {
     .sort-caret.ascending {
@@ -801,17 +745,6 @@ onMounted(() => {
     padding-top: 16px;
   }
 
-  .el-button--primary {
-    background-color: #4f46e5;
-    border-color: #4f46e5;
-
-    &:hover,
-    &:focus {
-      background-color: #6366f1;
-      border-color: #6366f1;
-    }
-  }
-
   .el-switch.is-checked .el-switch__core {
     background-color: #4f46e5;
     border-color: #4f46e5;

src/views/camera/index.vue

@@ -699,18 +699,6 @@ onMounted(() => {
       width: 30px;
     }
   }
-
-  // Indigo 主题按钮
-  :deep(.el-button--primary) {
-    background-color: #4f46e5;
-    border-color: #4f46e5;
-
-    &:hover,
-    &:focus {
-      background-color: #6366f1;
-      border-color: #6366f1;
-    }
-  }
 }
 
 .table-wrapper {
@@ -724,23 +712,6 @@ onMounted(() => {
   display: flex;
   justify-content: flex-end;
   padding-top: 16px;
-
-  // Indigo 主题分页
-  :deep(.el-pagination) {
-    .el-pager li.is-active {
-      background-color: #4f46e5;
-      color: #fff;
-    }
-
-    .el-pager li:not(.is-active):hover {
-      color: #4f46e5;
-    }
-
-    .btn-prev:hover,
-    .btn-next:hover {
-      color: #4f46e5;
-    }
-  }
 }
 
 // 表格样式
@@ -759,24 +730,6 @@ onMounted(() => {
     font-weight: 600;
   }
 
-  // 链接颜色
-  .el-link--primary {
-    color: #4f46e5;
-
-    &:hover {
-      color: #6366f1;
-    }
-  }
-
-  // 主要按钮颜色
-  .el-button--primary.is-link {
-    color: #4f46e5;
-
-    &:hover {
-      color: #6366f1;
-    }
-  }
-
   // 排序图标颜色
   .el-table__column-filter-trigger,
   .caret-wrapper {

src/views/live-stream/index.vue

@@ -1152,17 +1152,6 @@ onMounted(async () => {
   :deep(.el-select) {
     width: 180px;
   }
-
-  :deep(.el-button--primary) {
-    background-color: #4f46e5;
-    border-color: #4f46e5;
-
-    &:hover,
-    &:focus {
-      background-color: #6366f1;
-      border-color: #6366f1;
-    }
-  }
 }
 
 .table-wrapper {
@@ -1176,22 +1165,6 @@ onMounted(async () => {
   display: flex;
   justify-content: flex-end;
   padding-top: 16px;
-
-  :deep(.el-pagination) {
-    .el-pager li.is-active {
-      background-color: #4f46e5;
-      color: #fff;
-    }
-
-    .el-pager li:not(.is-active):hover {
-      color: #4f46e5;
-    }
-
-    .btn-prev:hover,
-    .btn-next:hover {
-      color: #4f46e5;
-    }
-  }
 }
 
 :deep(.el-table) {
@@ -1206,22 +1179,6 @@ onMounted(async () => {
     color: #333;
     font-weight: 600;
   }
-
-  .el-link--primary {
-    color: #4f46e5;
-
-    &:hover {
-      color: #6366f1;
-    }
-  }
-
-  .el-button--primary.is-link {
-    color: #4f46e5;
-
-    &:hover {
-      color: #6366f1;
-    }
-  }
 }
 
 // 抽屉样式

src/views/lss/index.vue

@@ -1324,17 +1324,6 @@ onMounted(() => {
   :deep(.el-select) {
     width: 160px;
   }
-
-  :deep(.el-button--primary) {
-    background-color: #4f46e5;
-    border-color: #4f46e5;
-
-    &:hover,
-    &:focus {
-      background-color: #6366f1;
-      border-color: #6366f1;
-    }
-  }
 }
 
 .table-wrapper {
@@ -1348,22 +1337,6 @@ onMounted(() => {
   display: flex;
   justify-content: flex-end;
   padding-top: 16px;
-
-  :deep(.el-pagination) {
-    .el-pager li.is-active {
-      background-color: #4f46e5;
-      color: #fff;
-    }
-
-    .el-pager li:not(.is-active):hover {
-      color: #4f46e5;
-    }
-
-    .btn-prev:hover,
-    .btn-next:hover {
-      color: #4f46e5;
-    }
-  }
 }
 
 .camera-toolbar {
@@ -1651,14 +1624,6 @@ onMounted(() => {
     font-weight: 600;
   }
 
-  .el-button--primary.is-link {
-    color: #4f46e5;
-
-    &:hover {
-      color: #6366f1;
-    }
-  }
-
   .caret-wrapper {
     .sort-caret.ascending {
       border-bottom-color: #4f46e5;

src/views/machine/index.vue

@@ -579,18 +579,6 @@ onMounted(() => {
       width: 30px;
     }
   }
-
-  // Indigo 主题按钮
-  :deep(.el-button--primary) {
-    background-color: #4f46e5;
-    border-color: #4f46e5;
-
-    &:hover,
-    &:focus {
-      background-color: #6366f1;
-      border-color: #6366f1;
-    }
-  }
 }
 
 .table-wrapper {
@@ -604,23 +592,6 @@ onMounted(() => {
   display: flex;
   justify-content: flex-end;
   padding-top: 16px;
-
-  // Indigo 主题分页
-  :deep(.el-pagination) {
-    .el-pager li.is-active {
-      background-color: #4f46e5;
-      color: #fff;
-    }
-
-    .el-pager li:not(.is-active):hover {
-      color: #4f46e5;
-    }
-
-    .btn-prev:hover,
-    .btn-next:hover {
-      color: #4f46e5;
-    }
-  }
 }
 
 // 表格样式
@@ -639,24 +610,6 @@ onMounted(() => {
     font-weight: 600;
   }
 
-  // 链接颜色
-  .el-link--primary {
-    color: #4f46e5;
-
-    &:hover {
-      color: #6366f1;
-    }
-  }
-
-  // 主要按钮颜色
-  .el-button--primary.is-link {
-    color: #4f46e5;
-
-    &:hover {
-      color: #6366f1;
-    }
-  }
-
   // 排序图标颜色
   .el-table__column-filter-trigger,
   .caret-wrapper {

src/views/test/m-table-demo.vue

@@ -383,22 +383,6 @@ onMounted(() => {
       color: #333;
       font-weight: 600;
     }
-
-    .el-link--primary {
-      color: #4f46e5;
-
-      &:hover {
-        color: #6366f1;
-      }
-    }
-
-    .el-button--primary.is-link {
-      color: #4f46e5;
-
-      &:hover {
-        color: #6366f1;
-      }
-    }
   }
 }