: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; }