feat: Update colors for connact-app button (#14806)

Author: adolfo-pd

packages/connect-react/CHANGELOG.md

@@ -1,6 +1,10 @@
 <!-- markdownlint-disable MD024 -->
 # Changelog
 
+# [1.0.0-preview.5] - 2024-12-02
+
+- Change colors of "Connect App" button
+
 # [1.0.0-preview.4] - 2024-11-27
 
 - Fix accidental use of useSuspenseQuery

packages/connect-react/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pipedream/connect-react",
-  "version": "1.0.0-preview.4",
+  "version": "1.0.0-preview.5",
   "description": "Pipedream Connect library for React",
   "files": [
     "dist"

packages/connect-react/src/components/ControlApp.tsx

@@ -42,10 +42,11 @@ export function ControlApp({ app }: ControlAppProps) {
     gridArea: "control",
   };
   const baseStylesConnectButton: CSSProperties = {
+    backgroundColor: theme.colors.primary,
     borderRadius: theme.borderRadius,
     border: "solid 1px",
-    borderColor: theme.colors.neutral20,
-    color: theme.colors.neutral60,
+    borderColor: theme.colors.primary25,
+    color: theme.colors.primary25,
     padding: "0.25rem 0.5rem",
     gridArea: "control",
   };