diff --git a/.changeset/three-buses-do.md b/.changeset/three-buses-do.md
new file mode 100644
index 000000000..44e2991e6
--- /dev/null
+++ b/.changeset/three-buses-do.md
@@ -0,0 +1,5 @@
+---
+'@alauda/ui': patch
+---
+
+fix: theme pipes add types
diff --git a/src/theme/theme.pipe.ts b/src/theme/theme.pipe.ts
index 22a709314..60e227944 100644
--- a/src/theme/theme.pipe.ts
+++ b/src/theme/theme.pipe.ts
@@ -12,17 +12,17 @@ import { cssVar, rgbColor, rgbaColor } from './utils';
 
 @Pipe({ name: 'auiRgbColor', pure: true })
 export class RgbColorPipe implements PipeTransform {
-  transform = rgbColor;
+  transform: (color: string) => string = rgbColor;
 }
 
 @Pipe({ name: 'auiRgbaColor', pure: true })
 export class RgbaColorPipe implements PipeTransform {
-  transform = rgbaColor;
+  transform: ([color, opacity]: [string, number]) => string = rgbaColor;
 }
 
 @Pipe({ name: 'auiCssVar', pure: true })
 export class CssVarPipe implements PipeTransform {
-  transform = cssVar;
+  transform: (value: string) => string = cssVar;
 }
 
 @Pipe({ name: 'auiThemePicker', pure: false })