diff --git a/frontend/scripts/verify-ui-contract.mjs b/frontend/scripts/verify-ui-contract.mjs index 60743884..33b5713f 100644 --- a/frontend/scripts/verify-ui-contract.mjs +++ b/frontend/scripts/verify-ui-contract.mjs @@ -8,7 +8,12 @@ const requiredMainTokens = [ "--ctms-text-main", "--ctms-bg-base", "--ctms-radius", - "--ctms-shadow" + "--ctms-shadow", + "--ctms-brand-900", + "--ctms-brand-700", + "--ctms-neutral-100", + "--ctms-neutral-300", + "--ctms-focus-ring" ]; const requiredUnifiedTokens = [ diff --git a/frontend/src/styles/main.css b/frontend/src/styles/main.css index 95eb666a..882e1afc 100644 --- a/frontend/src/styles/main.css +++ b/frontend/src/styles/main.css @@ -11,6 +11,8 @@ --ctms-primary-hover: #365067; --ctms-primary-active: #2b4356; --ctms-primary-light: #e6edf2; + --ctms-brand-900: #13243a; + --ctms-brand-700: #24496f; /* 语义色 */ --ctms-success: #3f8f6b; @@ -28,6 +30,8 @@ --ctms-bg-base: #f9fafb; --ctms-bg-card: #ffffff; --ctms-bg-muted: #f3f4f6; + --ctms-neutral-100: #f5f7fa; + --ctms-neutral-300: #d5dce5; --ctms-border-color: #e5e7eb; --ctms-border-color-hover: #cbd5e1; @@ -51,6 +55,7 @@ /* 动画 */ --ctms-transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1); + --ctms-focus-ring: 0 0 0 3px rgba(36, 73, 111, 0.2); /* Element Plus 主色适配 */ --el-color-primary: var(--ctms-primary);