diff --git a/apps/web/src/components/affine/tmp-disable-affine-cloud-modal/style.ts b/apps/web/src/components/affine/tmp-disable-affine-cloud-modal/style.ts
index 21ef8717cf..e2b84edd51 100644
--- a/apps/web/src/components/affine/tmp-disable-affine-cloud-modal/style.ts
+++ b/apps/web/src/components/affine/tmp-disable-affine-cloud-modal/style.ts
@@ -36,7 +36,7 @@ export const StyleButton = styled(Button)(({ theme }) => {
     textAlign: 'center',
     margin: '20px 0',
     borderRadius: '8px',
-    backgroundColor: 'var(--affine-background-primary-color)',
+    backgroundColor: 'var(--affine-primary-color)',
     span: {
       margin: '0',
     },