【同步】前端项目源码

【修复】工作流兼容问题

frontend/packages/vue/naive-ui/src/theme/model/default/index.tsx

@@ -0,0 +1,55 @@
+import type { ThemeTemplate, PresetConfig } from '../../types'
+import './style.css'
+
+// 预设变量，用于继承预设主题
+const presets: PresetConfig = {
+	Modal: {
+		preset: 'card',
+	},
+}
+
+// 默认亮色主题
+const defaultLight: ThemeTemplate = {
+	name: 'defaultLight', // 主题标识
+	type: 'light', // 主题类型，可选值为 light、dark，用于继承预设主题
+	title: '默认亮色主题', // 主题名称
+	themeOverrides: {
+		common: {
+			borderRadius: '0.6rem', // 圆角
+		},
+	}, // 主题变量
+	presetsOverrides: presets, // 预设变量
+}
+
+// 默认暗色主题
+const defaultDark: ThemeTemplate = {
+	name: 'defaultDark',
+	type: 'dark',
+	title: '默认暗色主题',
+	themeOverrides: {
+		common: {
+			// baseColor: '#F1F1F1', // 基础色
+			primaryColor: '#4caf50', // 主色
+			primaryColorHover: '#20a53a', // 主色悬停
+			primaryColorPressed: '#157f3a', // 主色按下
+			primaryColorSuppl: '#4caf50', // 主色补充
+			borderRadius: '0.6rem', // 圆角
+		},
+
+		Popover: {
+			// color: '#ffffff', // 弹出层背景色
+		},
+		Button: {
+			textColorPrimary: '#ffffff', // 主按钮文本色
+			textColorHoverPrimary: '#ffffff', // 主按钮文本色悬停
+			textColorPressedPrimary: '#ffffff', // 主按钮文本色按下
+			textColorFocusPrimary: '#ffffff', // 主按钮文本色聚焦
+		},
+		Radio: {
+			buttonTextColorActive: '#ffffff', // 单选框文本色
+		},
+	},
+	presetsOverrides: presets, // 预设变量
+}
+
+export { defaultLight, defaultDark }

frontend/packages/vue/naive-ui/src/theme/model/default/style.css

@@ -0,0 +1,53 @@
+/* Light Theme */
+:root[class='defaultLight'] {
+	/* Empty light theme styles */
+	--background-color: #121212;
+	--text-color: #f1f1f1;
+	--bt-popover-color: #ffffff;
+}
+
+/* Dark Theme */
+:root[class='defaultDark'] {
+	/* Empty dark theme styles */
+	--bg-color: #121212;
+	--bt-popover-color: #48484e;
+}
+
+/* 创建动画 */
+@keyframes fadeToLight {
+	from {
+		opacity: 0.8;
+		transform: scale(0.8);
+	}
+	to {
+		opacity: 1;
+		transform: scale(1);
+	}
+}
+
+@keyframes fadeToDark {
+	from {
+		opacity: 0.8;
+		transform: scale(0.8);
+	}
+	to {
+		opacity: 1;
+		transform: scale(1);
+	}
+}
+
+/* 应用动画 */
+:root {
+	--background-color: #ffffff;
+	--text-color: #333333;
+}
+
+:root.animate-to-light {
+	animation: fadeToLight 0.5s ease forwards;
+	overflow: hidden;
+}
+
+:root.animate-to-dark {
+	animation: fadeToDark 0.5s ease forwards;
+	overflow: hidden;
+}