first commit

src/styles/index.ts

@@ -0,0 +1,3 @@
+import 'normalize.css';
+import 'uno.css';
+import './vars.css';

src/styles/vars.css

@@ -0,0 +1,106 @@
+:root {
+  /* 修改主色 */
+  --arco-primary-6: #dd3e05 !important; /* 默认主色 */
+  --arco-primary-5: #40ffdf !important; /* 悬停色 */
+  --arco-primary-7: #c9dbed !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; /* 页面背景 */
+}
+
+* {
+  box-sizing: border-box;
+}
+
+.flex {
+  display: flex;
+}
+
+.item-center {
+  align-items: center;
+}
+
+.box-container {
+  border-radius: 2px;
+  padding: 20px;
+  margin: 8px;
+  background-color: #fff;
+}
+
+:root {
+  /* 主色覆盖（强制替换 Arco 默认蓝色） */
+  --arco-primary-6: #6d4cfe !important;
+  --arco-primary-5: #8a70fe !important;
+  --arco-primary-7: #573dcb !important;
+  --arco-primary-1: #f5f2ff !important; /* 浅色背景 */
+}
+
+/* 强制所有组件使用主色 */
+.arco-btn-primary,
+.arco-menu-selected,
+.arco-switch-checked,
+.arco-radio-checked,
+.arco-checkbox-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-radio-checked,
+.arco-checkbox-checked,
+.arco-slider-button,
+.arco-link {
+  --color-primary-6: var(--arco-primary-6) !important;
+}