【调整】暗色主题样式

2026-03-13 18:10:53 +08:00 · 2025-12-12 17:39:52 +08:00
parent 13669666e4
commit d01b42139c
1199 changed files with 203816 additions and 4592 deletions
--- a/frontend/apps/allin-ssl/src/config/data.tsx
+++ b/frontend/apps/allin-ssl/src/config/data.tsx
@@ -2,37 +2,37 @@ import { $t } from '@locales/index'

 // 消息推送类型
 export interface MessagePushType {
-  name: string
-  type: string
+	name: string
+	type: string
 }

 // 定义ApiProject接口，包含可选的notApi属性
 export interface ApiProjectType {
-  name: string
-  icon: string
-  type?: string[]
-  notApi?: boolean
-  hostRelated?: Record<string, any>
-  sort?: number
+	name: string
+	icon: string
+	type?: string[]
+	notApi?: boolean
+	hostRelated?: Record<string, any>
+	sort?: number
 }

 // $t('t_0_1747886301644')
 export const MessagePushConfig = {
-  mail: { name: $t('t_68_1745289354676'), type: 'mail' },
-  workwx: { name: $t('t_33_1746773350932'), type: 'workwx' },
-  dingtalk: { name: $t('t_32_1746773348993'), type: 'dingtalk' },
-  feishu: { name: $t('t_34_1746773350153'), type: 'feishu' },
-  webhook: { name: 'WebHook', type: 'webhook' },
+	mail: { name: $t('t_68_1745289354676'), type: 'mail' },
+	workwx: { name: $t('t_33_1746773350932'), type: 'workwx' },
+	dingtalk: { name: $t('t_32_1746773348993'), type: 'dingtalk' },
+	feishu: { name: $t('t_34_1746773350153'), type: 'feishu' },
+	webhook: { name: 'WebHook', type: 'webhook' },
 }

 // CA证书授权
 export const CACertificateAuthorization = {
-  zerossl: { name: 'ZeroSSL', type: 'zerossl' },
-  google: { name: 'Google', type: 'google' },
-  sslcom: { name: 'SSL.COM', type: 'sslcom' },
-  buypass: { name: 'Buypass', type: 'buypass' },
-  letsencrypt: { name: "Let's Encrypt", type: 'letsencrypt' },
-  custom: { name: '自定义', type: 'custom' },
+	zerossl: { name: 'ZeroSSL', type: 'zerossl' },
+	google: { name: 'Google', type: 'google' },
+	sslcom: { name: 'SSL.COM', type: 'sslcom' },
+	buypass: { name: 'Buypass', type: 'buypass' },
+	letsencrypt: { name: "Let's Encrypt", type: 'letsencrypt' },
+	custom: { name: '自定义', type: 'custom' },
 }

 // 授权API管理
@@ -278,15 +278,6 @@ export const ApiProjectConfig: Record<string, ApiProjectType> = {
    hostRelated: { default: { name: "BTDomain" } },
    sort: 33,
  },
-  rainyun: {
-    name: "雨云",
-    icon: "rainyun",
-    type: ["dns"],
-    hostRelated: {
-      sslcenter: { name: "证书中心" }
-    },
-    sort: 33,
-  },
  plugin: {
    name: "插件",
    icon: "plugin",
--- a/frontend/apps/allin-ssl/src/config/theme.ts
+++ b/frontend/apps/allin-ssl/src/config/theme.ts
@@ -7,59 +7,88 @@ import type { GlobalThemeOverrides } from 'naive-ui'
 export const allinSslDarkThemeOverrides: GlobalThemeOverrides = {
  common: {
    bodyColor: "#000", // 页面主体背景色 (对应 --n-color)
-    cardColor: "#000", // 卡片背景色
-    modalColor: "#000", // 弹出框背景色 (--n-color-modal)
+    cardColor: "#1C1C1C", // 卡片背景色
+    modalColor: "#1C1C1C", // 弹出框背景色 (--n-color-modal)
    hoverColor: "#1a1a1a", // 悬停背景色
-    errorColor: "#FF4314",
-    successColor: "#16D13B",
+    errorColor: "#db2828",
+    successColor: "#F4D1B4",
+    primaryColor: "#D6A487",
+    primaryColorHover: "#F4D1B4",
+    primaryColorPressed: "#F4D1B4",
  },
  Card: {
-    color: "#000",
+    color: "#1C1C1C",
    closeIconColor: "#fff",
  },
  Modal: {
-    color: "#000",
+    color: "#1C1C1C",
    closeIconColor: "#fff",
-    borderColorHover: "#000",
+    borderColorHover: "#1C1C1C",
  },
  Layout: {
+    color: "#0F0F0F",
    headerColor: "#000", // 头部背景色
-    siderColor: "#000", // 侧边栏背景色
+    siderColor: "#1e1e1e", // 侧边栏背景色
+    siderBorderColor: "transparent", // 侧边栏边框颜色
+    headerBorderColor: "1px solid #363637", // 头部边框颜色
+    textColor: "transparent", // 头部文字颜色
    footerColor: "#000", // 底部背景色
  },
  DataTable: {
-    thColor: "#202020", // 普通表格表头背景色 (--n-th-color)
+    thColor: "#1a1a1a", // 普通表格表头背景色 (--n-th-color)
+    tdColor: "#1c1c1c",
+    tdColorHover: "#0f0f0f",
    thColorModal: "#202020", // 弹窗内表格表头背景色 (--n-th-color-modal)
-	borderColorModal: "#202020",
-	loadingColor: "transparent",
+	  borderColorModal: "#202020",
+	  loadingColor: "transparent",
+    borderColor: "transparent",
  },
-  // 仅覆盖暗色主题下 NTag 的 error 语义色为 #FF4314
+  
  Tag: {
    color: "transparent",
    colorInfo: "transparent",
    border: "1px solid #fff",
-    borderError: "1px solid #FF4314",
-    borderSuccess: "1px solid #16D13B",
-    borderWarning: "1px solid #FF8E22",
+    borderError: "1px solid #db2828",
+    colorError: "#db2828",
+    borderSuccess: "1px solid #F4D1B4",
+    textColorSuccess: "#F4D1B4",
+    borderWarning: "1px solid #f2711c",
+    textColorWarning: "#f2711c",
    borderInfo: "1px solid #1EA6FF",
    textColorInfo: "#1EA6FF",
-    textColorWarning: "#FF8E22",
  },
  // 侧边栏菜单激活项样式
  Menu: {
-    itemColorActive: "#282218", // 激活项背景色
-    itemTextColorActive: "transparent", // 文字颜色设为透明，通过 CSS 渐变实现
-    itemIconColorActive: "transparent", // 图标颜色设为透明，通过 CSS 渐变实现
-    arrowColorActive: "transparent", // 箭头颜色设为透明，通过 CSS 渐变实现
-    itemTextColorChildActive: "transparent",
-    itemTextColorChildActiveHover: "transparent",
+    itemColorHover: "#2a2a2a",
+    itemColorActive: "#0f0f0f",
+    itemColorActiveHover: "#0f0f0f",
+    itemTextColorActive: "#f4d1b4",
+    itemTextColorActiveHover: "#f4d1b4",
+    itemIconColorActive: "#f4d1b4",
+    itemIconColorActiveHover: "#f4d1b4",
+    arrowColorActive: "transparent",
+    itemTextColorChildActive: "#f4d1b4",
+    itemTextColorChildActiveHover: "#f4d1b4",
  },
  Pagination: {
-    itemTextColorHover: "#FFCF76",
-    itemTextColorPressed: "#FFCF76",
-    itemTextColorActive: "transparent",
+    itemTextColorHover: "#F4D1B4",
+    itemTextColorPressed: "#F4D1B4",
+    itemTextColorActive: "#282523",
+    itemColorActive: "#796051",
+    itemColorActiveHover: "#796051",
    itemBorderActive: "1px solid transparent",
    itemBorder: "1px solid transparent",
+    itemBorderRadius: "3px",
+    itemColor: "#1c1c1c",
+    itemColorHover: "#1c1c1c",
+    buttonIconColorHover: "#F4D1B4",
+    buttonIconColorPressed: "#F4D1B4",
+    buttonBorder: "transparent",
+    buttonBorderHover: "transparent",
+    buttonColorPressed: "#1c1c1c",
+    buttonBorderPressed: "transparent",
+    buttonColorHover: "#1c1c1c",
+    buttonColor: "#1c1c1c",
  },
  Tabs: {
    tabTextColorHover: "#fff",
@@ -67,48 +96,70 @@ export const allinSslDarkThemeOverrides: GlobalThemeOverrides = {
    tabColorSegment: "#000",
  },
  InternalSelection: {
-    border: "1px solid #4e4e4e",
-    borderHover: "1px solid #4e4e4e",
-    borderActive: "1px solid #4e4e4e",
-    borderFocus: "1px solid #4e4e4e",
-    colorActive: "#171717",
-    boxShadowHover: "0 0 8px 2px rgba(78, 78, 78, 0.3)",
-    boxShadowActive: "0 0 8px 2px rgba(78, 78, 78, 0.3)",
-    boxShadowFocus: "0 0 8px 2px rgba(78, 78, 78, 0.3)",
+    border: "1px solid #4c4c4f",
+    borderHover: "1px solid #6C6E72",
+    borderActive: "1px solid #F4D1B4",
+    borderFocus: "1px solid #6C6E72",
+    colorActive: "#1C1C1C",
+    boxShadowHover: "transparent",
+    boxShadowActive: "transparent",
+    boxShadowFocus: "transparent",
    caretColor: "#fff",
+    logoColor: "#F4D1B4",
  },
  InternalSelectMenu: {
+    color: "#1C1C1C",
+    optionColorPending: "#0f0f0f",
+    optionColorActivePending: "#0f0f0f",
    optionTextColorHover: "#fff",
-    optionTextColorActive: "#FFCF76",
+    optionTextColorActive: "#F4D1B4",
    optionTextColorPressed: "#fff",
    optionCheckColor: "#fff",
  },
  Button: {
-    colorDefault: "#2E2D2D",
-    colorFocus: "#2E2D2D", // 聚焦时背景色设为透明
-    colorHoverPrimary: "transparent",
-    colorPressedPrimary: "transparent",
-    textColorFocus: "#fff", // 聚焦时文字颜色设为白色
-    rippleColor: "#fff",
-    rippleColorPrimary: "#9C6240",
-    textColorPressed: "#fff",
-    colorPressed: "#202020",
+    textColorPrimary: "#1f1f1f",
+    colorPrimary: "#F4D1B4",
+    colorFocusPrimary: "#eac2a5",
+    colorDisabledPrimary: "#7E6859",
+    colorPressedPrimary: "#eac2a5",
+    borderPrimary: "1px solid #F4D1B4",
+    borderRadiusPrimary: "3px",
+    colorHoverPrimary: "#eac2a5",
+    borderHoverPrimary: "1px solid #F4D1B4",
+    borderPressedPrimary: "1px solid #eac2a5",
+    borderFocusPrimary: "1px solid #F4D1B4",
+    borderDisabledPrimary: "1px solid #F4D1B4",
+    
+    colorDefault: "#e1e1e1",
+    textColorDefault: "#e1e1e1",
+    textColorHover: "#F4D1B4",
+    borderHover: "1px solid #D6A487",
+    borderFocus: "1px solid #F4D1B4",
+    borderPressed: "1px solid #F4D1B4",
+    colorFocus: "transparent", // 聚焦时背景色设为透明
+    textColorFocus: "#F4D1B4", // 聚焦时文字颜色设为白色
+    rippleColor: "#F4D1B4",
+    rippleColorPrimary: "#7E6859",
+    textColorPressed: "#F4D1B4",
+    colorPressed: "transparent",
+    borderRadius: "3px",
  },
  Input: {
+    logoColor: "#F4D1B4",
    color: "#171717",
    colorHover: "transparent",
+    border: "1px solid #4C4D4F",
    colorFocus: "#171717", // 聚焦时背景色设为透明
-    border: "none", // 默认去掉边框
-    borderColor: "transparent",
-    borderHover: "none",
+    borderFocus: "1px solid #F4D1B4", // 默认去掉边框
+    borderHover: "1px solid #6C6E72",
+    iconColor: "#F4D1B4",
 	borderHoverError: "1px solid var(--n-error-primary-color)",
 	borderFocusError: "1px solid var(--n-error-primary-color)",
-    borderFocus: "none",
    caretColor: "#fff",
-    boxShadowFocus: "0 0 8px 2px rgba(0, 0, 0, 0.3)", // 聚焦时柔和的红色发光效果
+    boxShadowFocus: "transparent",
  },
  Switch: {
-    railColorActive: "transparent",
+    railColorActive: "#F4D1B4",
    boxShadowFocus: "0 0 8px 0 rgba(255, 255, 255, 0.3)",
  },
  Dialog: {
@@ -119,11 +170,11 @@ export const allinSslDarkThemeOverrides: GlobalThemeOverrides = {
    iconColor: "transparent",
  },
  Dropdown: {
-    color: "#171717",
+    color: "#1c1c1c",
  },
  Checkbox: {
-    borderChecked: "transparent",
-    colorChecked: "transparent",
+    borderChecked: "1px solid #F4D1B4",
+    colorChecked: "#F4D1B4",
  },
  Popover: {
 	color: "#000",