diff --git a/packages/effects/hooks/src/use-design-tokens.ts b/packages/effects/hooks/src/use-design-tokens.ts
index bf5f1f8d..5f1141ef 100644
--- a/packages/effects/hooks/src/use-design-tokens.ts
+++ b/packages/effects/hooks/src/use-design-tokens.ts
@@ -187,6 +187,9 @@ export function useElementPlusDesignTokens() {
         '--el-color-error-light-8': border,
         '--el-color-error-light-9': background,
 
+        '--el-color-info-light-8': border,
+        '--el-color-info-light-9': background,
+
         '--el-color-primary': getCssVariableValue('--primary'),
         '--el-color-primary-light-3': getCssVariableValue('--primary-600'),