feat(frontend): 支持深色/浅色模式切换,统一主题变量体系
- 新增 useTheme composable,支持 light/dark 双主题,默认浅色模式 - 主题偏好持久化到 localStorage,支持跟随系统主题 - AppHeader 顶栏添加 Moon/Sunny 切换图标,带旋转过渡动效 - variables.css 重构为 :root(浅色)/:root.dark(深色)双套变量 - 新增标签色系(蓝/紫/琥珀/绿)、节点色系、阴影、发光效果等语义化变量 - 全组件硬编码颜色替换为 CSS 变量,消除跨主题不一致 - global.css 添加主题切换过渡动画(background/border/box-shadow) - 涉及组件:AppHeader、AppSidebar、SubsystemCard、AuditLogTable - 涉及页面:Dashboard、Resource、Cluster、Config、Task、Service、Login
This commit is contained in:
Vendored
-2
@@ -12,14 +12,12 @@ declare module 'vue' {
|
||||
AppSidebar: typeof import('./src/components/Layout/AppSidebar.vue')['default']
|
||||
AuditLogTable: typeof import('./src/components/AuditLogTable.vue')['default']
|
||||
ElButton: typeof import('element-plus/es')['ElButton']
|
||||
ElDivider: typeof import('element-plus/es')['ElDivider']
|
||||
ElForm: typeof import('element-plus/es')['ElForm']
|
||||
ElFormItem: typeof import('element-plus/es')['ElFormItem']
|
||||
ElIcon: typeof import('element-plus/es')['ElIcon']
|
||||
ElInput: typeof import('element-plus/es')['ElInput']
|
||||
ElOption: typeof import('element-plus/es')['ElOption']
|
||||
ElSelect: typeof import('element-plus/es')['ElSelect']
|
||||
ElSpace: typeof import('element-plus/es')['ElSpace']
|
||||
RouterLink: typeof import('vue-router')['RouterLink']
|
||||
RouterView: typeof import('vue-router')['RouterView']
|
||||
SubsystemCard: typeof import('./src/components/SubsystemCard.vue')['default']
|
||||
|
||||
Reference in New Issue
Block a user