Sync

frontend/src/views/AppCreator.jsx

@@ -64,6 +64,7 @@ const inputColor = "#383B40";
 const bodyDivStyle = {
   margin: "auto",
   width: "900px",
+  zoom: 0.8,
 };
 
 const actionListStyle = {
@@ -72,10 +73,11 @@ const actionListStyle = {
   paddingBottom: "10px",
   paddingTop: "10px",
   marginTop: "5px",
-  backgroundColor: inputColor,
   display: "flex",
   color: "white",
-	position: "relative",
+  position: "relative",
+
+  backgroundColor: theme.palette.platformColor,
 };
 
 const boxStyle = {
@@ -89,7 +91,8 @@ const boxStyle = {
   paddingTop: "30px",
   display: "flex",
   flexDirection: "column",
-  backgroundColor: surfaceColor,
+
+  backgroundColor: theme.palette.backgroundColor,
 };
 
 const dividerStyle = {
@@ -6191,7 +6194,7 @@ const AppCreator = (defaultprops) => {
 						{testView}
 					*/}
 
-	  	<div style={{height: 50, padding: 25, display: "flex", marginTop: 35, position: "fixed", bottom: 0, left: 0, width: "100%", backgroundColor: theme.palette?.backgroundColor, borderTop: "1px solid rgba(255,255,255,0.3)",}}>
+	  	<div style={{height: 50, padding: 15, display: "flex", marginTop: 35, position: "fixed", bottom: 0, left: 0, width: "100%", backgroundColor: theme.palette?.backgroundColor, borderTop: "1px solid rgba(255,255,255,0.3)",}}>
 	  		<div style={{width: 450, margin: "auto", display: "flex", textAlign: "center", }}>
 				{appDownloadData.length > 0 ?
 					<Tooltip title="Download the OpenAPI specification for the App" placement="bottom">