perf: 优化template-admin-ts自带样式导入逻辑
This commit is contained in:
76
src/styles/vars.scss
Normal file
76
src/styles/vars.scss
Normal file
@ -0,0 +1,76 @@
|
||||
:root {
|
||||
/* 主色覆盖(强制替换 Arco 默认蓝色) */
|
||||
--arco-primary-6: #6d4cfe !important;
|
||||
--arco-primary-5: #8a70fe !important;
|
||||
--arco-primary-7: #573dcb !important;
|
||||
--arco-primary-1: #f5f2ff !important; /* 浅色背景 */
|
||||
|
||||
/* 修改成功/警告/错误色 */
|
||||
--arco-success-6: #52c41a !important;
|
||||
--arco-warning-6: #faad14 !important;
|
||||
--arco-error-6: #f5222d !important;
|
||||
|
||||
/* 修改文字/背景色 */
|
||||
--arco-text-1: #ed0707 !important; /* 主要文字 */
|
||||
--arco-bg-1: #f7f8fa !important; /* 页面背景 */
|
||||
}
|
||||
|
||||
/* 强制所有组件使用主色 */
|
||||
.arco-btn-primary,
|
||||
.arco-menu-selected,
|
||||
.arco-switch-checked,
|
||||
.arco-slider-button,
|
||||
.arco-tabs-header-item-active,
|
||||
.arco-alert-info,
|
||||
.arco-badge-status-processing {
|
||||
background-color: var(--arco-primary-6) !important;
|
||||
border-color: var(--arco-primary-6) !important;
|
||||
color: white !important; /* 文字颜色(按需调整) */
|
||||
}
|
||||
.arco-menu-selected-label {
|
||||
background-color: var(--arco-primary-6) !important;
|
||||
}
|
||||
.arco-menu-item,
|
||||
.arco-btn-secondary,
|
||||
.arco-menu-light {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.arco-menu-light .arco-menu-item.arco-menu-selected .arco-icon,
|
||||
.arco-menu-light .arco-menu-group-title.arco-menu-selected .arco-icon,
|
||||
.arco-menu-light .arco-menu-pop-header.arco-menu-selected .arco-icon,
|
||||
.arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-icon,
|
||||
.arco-menu-light .arco-menu-item.arco-menu-selected .arco-menu-icon,
|
||||
.arco-menu-light .arco-menu-group-title.arco-menu-selected .arco-menu-icon,
|
||||
.arco-menu-light .arco-menu-pop-header.arco-menu-selected .arco-menu-icon,
|
||||
.arco-menu-light .arco-menu-inline-header.arco-menu-selected .arco-menu-icon {
|
||||
color: var(--arco-primary-6) !important;
|
||||
}
|
||||
|
||||
.arco-menu-light,
|
||||
.arco-menu-item,
|
||||
.arco-menu-selected {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.arco-menu-selected button {
|
||||
color: var(--arco-primary-6) !important;
|
||||
}
|
||||
.arco-space {
|
||||
border-radius: 8px !important;
|
||||
}
|
||||
|
||||
.arco-btn-primary {
|
||||
border-radius: 4px;
|
||||
}
|
||||
.arco-menu-selected {
|
||||
border-radius: 8px;
|
||||
color: var(--arco-primary-6) !important;
|
||||
}
|
||||
|
||||
/* 强制所有组件使用主色 */
|
||||
.arco-switch,
|
||||
.arco-slider-button,
|
||||
.arco-link {
|
||||
--color-primary-6: var(--arco-primary-6) !important;
|
||||
}
|
||||
Reference in New Issue
Block a user