mirror of
https://github.com/tencentmusic/cube-studio.git
synced 2024-12-21 06:19:31 +08:00
2.4 KiB
2.4 KiB
运行环境
- node@16.13.0
启动/调试项目
npm run start
打包上线
npm run build
主题自定义
更改系统全局设置
// 文件路径:myapp/frontend/src/global.config.ts
const globalConfig = {
appLogo, //系统左上角logo
loadingLogo, //系统加载logo
theme: "blue", //主题设置,可自定义
};
设置全局主题样式
// 文件路径:myapp/frontend/src/theme.ts
const blue: IThemeConfig = {
"--ant-primary-color": "#1672fa",
"--ant-primary-color-hover": "#1672fa",
"--ant-primary-color-active": "#096dd9",
"--ant-primary-color-outline": "rgba(24, 144, 255, 0.2)",
"--ant-primary-1": "#e6f7ff",
"--ant-primary-2": "#bae7ff",
"--ant-primary-3": "#91d5ff",
"--ant-primary-4": "#69c0ff",
"--ant-primary-5": "#1672fa",
"--ant-primary-6": "#1672fa",
"--ant-primary-7": "#096dd9",
"--ant-primary-color-deprecated-pure": "",
"--ant-primary-color-deprecated-l-35": "#cbe6ff",
"--ant-primary-color-deprecated-l-20": "#7ec1ff",
"--ant-primary-color-deprecated-t-20": "#46a6ff",
"--ant-primary-color-deprecated-t-50": "#8cc8ff",
"--ant-primary-color-deprecated-f-12": "rgba(24, 144, 255, 0.12)",
"--ant-primary-color-active-deprecated-f-30": "rgba(230, 247, 255, 0.3)",
"--ant-primary-color-active-deprecated-d-02": "#dcf4ff",
"--ant-success-color": "#52c41a",
"--ant-success-color-hover": "#73d13d",
"--ant-success-color-active": "#389e0d",
"--ant-success-color-outline": "rgba(82, 196, 26, 0.2)",
"--ant-success-color-deprecated-bg": "#f6ffed",
"--ant-success-color-deprecated-border": "#b7eb8f",
"--ant-error-color": "#ff4d4f",
"--ant-error-color-hover": "#ff7875",
"--ant-error-color-active": "#d9363e",
"--ant-error-color-outline": "rgba(255, 77, 79, 0.2)",
"--ant-error-color-deprecated-bg": "#fff2f0",
"--ant-error-color-deprecated-border": "#ffccc7",
"--ant-warning-color": "#faad14",
"--ant-warning-color-hover": "#ffc53d",
"--ant-warning-color-active": "#d48806",
"--ant-warning-color-outline": "rgba(250, 173, 20, 0.2)",
"--ant-warning-color-deprecated-bg": "#fffbe6",
"--ant-warning-color-deprecated-border": "#ffe58f",
"--ant-info-color": "#1890ff",
"--ant-info-color-deprecated-bg": "#e6f7ff",
"--ant-info-color-deprecated-border": "#91d5ff",
"--ant-link": "#1672fa",
};
更改系统 logo
// 文件路径:myapp/frontend/public/index.html
<img src="%PUBLIC_URL%/cubeStudioLogo.png" alt="">