Fix background

Author: AchoArnold

web/src/app/projects/[project-id]/edit/page.tsx

@@ -81,10 +81,10 @@ export default function ProjectEdit() {
         <BackButton href={`/projects/${projectId}`}></BackButton>
         <Box
           style={{
-            backgroundColor: "#f6f8fa",
+            backgroundColor: "#020408",
             borderWidth: 1,
             borderStyle: "solid",
-            borderColor: "#d0d7de",
+            borderColor: "#3d444d",
             borderRadius: 6,
             padding: 24,
           }}

web/src/app/projects/[project-id]/endpoints/[endpoint-id]/page.tsx

@@ -384,7 +384,7 @@ export default function EndpointShow() {
           borderBottomWidth: 1,
           marginTop: 16,
           borderBottomStyle: "solid",
-          borderColor: "#d0d7de",
+          borderColor: "#3d444d",
         }}
       ></Box>
       {isDeleteDialogOpen && (
@@ -435,7 +435,7 @@ export default function EndpointShow() {
               borderWidth: 1,
               padding: 16,
               borderRadius: 4,
-              borderColor: "#d0d7de",
+              borderColor: "#3d444d",
             }}
           >
             {/* @ts-expect-error chart types are not consistent */}

web/src/app/projects/[project-id]/endpoints/create/page.tsx

@@ -89,10 +89,10 @@ export default function EndpointsCreate() {
         <BackButton href={`/projects/${projectId}`}></BackButton>
         <Box
           style={{
-            backgroundColor: "#f6f8fa",
+            backgroundColor: "#020408",
             borderWidth: 1,
             borderStyle: "solid",
-            borderColor: "#d0d7de",
+            borderColor: "#3d444d",
             borderRadius: 6,
             padding: 24,
           }}

web/src/app/projects/[project-id]/page.tsx

@@ -269,7 +269,7 @@ export default function ProjectShow() {
           borderBottomWidth: 1,
           marginTop: 16,
           borderBottomStyle: "solid",
-          borderColor: "#d0d7de",
+          borderColor: "#3d444d",
         }}
       ></Box>
       {isDeleteDialogOpen && (
@@ -329,7 +329,7 @@ export default function ProjectShow() {
         )}
       </Box>
       <div>
-        <Heading as="h2" style={{ marginTop: 256 }} variant="medium">
+        <Heading as="h2" style={{ marginTop: 24 }} variant="medium">
           <LinkIcon size={24} />
           <Text style={{ marginLeft: 8 }}>Endpoints</Text>
         </Heading>

web/src/app/projects/create/page.tsx

@@ -65,10 +65,10 @@ export default function ProjectCreate() {
         <BackButton href={"/"}></BackButton>
         <Box
           style={{
-            backgroundColor: "#f6f8fa", // canvas.inset
+            backgroundColor: "#020408", // canvas.inset
             borderWidth: 1,
             borderStyle: "solid",
-            borderColor: "#d0d7de", // border.default
+            borderColor: "#3d444d", // border.default
             borderRadius: 8,
             padding: 24,
           }}

web/src/app/projects/page.tsx

@@ -65,7 +65,7 @@ export default function ProjectIndex() {
           borderBottomWidth: 1,
           marginTop: 16,
           borderBottomStyle: "solid",
-          borderColor: "#d0d7de",
+          borderColor: "#3d444d",
         }}
       ></Box>