diff --git a/client/packages/lowcoder/src/comps/controls/styleControlConstants.tsx b/client/packages/lowcoder/src/comps/controls/styleControlConstants.tsx
index 1d5957332..0b867a0cb 100644
--- a/client/packages/lowcoder/src/comps/controls/styleControlConstants.tsx
+++ b/client/packages/lowcoder/src/comps/controls/styleControlConstants.tsx
@@ -277,7 +277,7 @@ const TEXT = {
 const STATIC_TEXT = {
   name: "staticText",
   label: trans("style.staticText"),
-  depTheme: "canvas",
+  depTheme: "primarySurface",
   depType: DEP_TYPE.CONTRAST_TEXT,
   transformer: contrastText,
 } as const;
@@ -285,7 +285,7 @@ const STATIC_TEXT = {
 const LABEL = {
   name: "label",
   label: trans("label"),
-  depTheme: "canvas",
+  depTheme: "primarySurface",
   depType: DEP_TYPE.CONTRAST_TEXT,
   transformer: contrastText,
 } as const;
@@ -562,7 +562,7 @@ function replaceAndMergeMultipleStyles(originalArray: any[], styleToReplace: str
 }
 
 export const ButtonStyle = [
-  getBackground('primary'),
+  getBackground(),
   ...STYLING_FIELDS_SEQUENCE
 ] as const;
 
@@ -898,7 +898,7 @@ export const LabelStyle = [
 ]
 
 export const InputFieldStyle = [
-  getStaticBackground(SURFACE_COLOR),
+  getBackground(),
   getStaticBorder(),
   ...STYLING_FIELDS_CONTAINER_SEQUENCE.filter((style) => ['border'].includes(style.name) === false),
   // ...STYLING_FIELDS_CONTAINER_SEQUENCE,
@@ -1304,14 +1304,7 @@ function handleToHoverLink(color: string) {
 }
 
 export const LinkStyle = [
-
-  {
-    name: "background",
-    label: trans("style.background"),
-    depTheme: "canvas",
-    depType: DEP_TYPE.SELF,
-    transformer: toSelf,
-  },
+  getBackground(),
   ...replaceAndMergeMultipleStyles(STYLING_FIELDS_SEQUENCE, 'text', [...LinkTextStyle])
 ] as const;