1 files changed, 35 insertions, 23 deletions
diff --git a/apps/web/components/graph/constants.ts b/apps/web/components/graph/constants.ts
index 15dbe9b8..8383b6ff 100644
--- a/apps/web/components/graph/constants.ts
+++ b/apps/web/components/graph/constants.ts
@@ -1,38 +1,50 @@
 export const colors = {
 	background: {
-		primary: "#0f1419",
-		secondary: "#1a1f29",
-		accent: "#252a35",
+		primary: "#000B1B",
+		secondary: "#01173C",
+		accent: "#0A2351",
 	},
+	// All nodes are now hexagons with cyan color
+	node: {
+		primary: "rgba(0, 180, 216, 0.25)",
+		secondary: "rgba(0, 180, 216, 0.35)",
+		accent: "rgba(0, 180, 216, 0.45)",
+		border: "rgba(0, 180, 216, 0.7)",
+		glow: "rgba(0, 180, 216, 0.5)",
+	},
+	// Legacy document colors (for compatibility)
 	document: {
-		primary: "rgba(255, 255, 255, 0.21)",
-		secondary: "rgba(255, 255, 255, 0.31)",
-		accent: "rgba(255, 255, 255, 0.31)",
-		border: "rgba(255, 255, 255, 0.6)",
-		glow: "rgba(147, 197, 253, 0.4)",
+		primary: "rgba(0, 180, 216, 0.25)",
+		secondary: "rgba(0, 180, 216, 0.35)",
+		accent: "rgba(0, 180, 216, 0.45)",
+		border: "rgba(0, 180, 216, 0.7)",
+		glow: "rgba(0, 180, 216, 0.5)",
 	},
+	// Legacy memory colors (for compatibility)
 	memory: {
-		primary: "rgba(147, 196, 253, 0.21)",
-		secondary: "rgba(147, 196, 253, 0.31)",
-		accent: "rgba(147, 197, 253, 0.31)",
-		border: "rgba(147, 196, 253, 0.6)",
-		glow: "rgba(147, 197, 253, 0.5)",
+		primary: "rgba(0, 180, 216, 0.25)",
+		secondary: "rgba(0, 180, 216, 0.35)",
+		accent: "rgba(0, 180, 216, 0.45)",
+		border: "rgba(0, 180, 216, 0.7)",
+		glow: "rgba(0, 180, 216, 0.5)",
 	},
 	connection: {
-		weak: "rgba(35, 189, 255, 0.3)",
-		memory: "rgba(148, 163, 184, 0.35)",
-		medium: "rgba(35, 189, 255, 0.6)",
-		strong: "rgba(35, 189, 255, 0.9)",
+		weak: "rgba(0, 180, 216, 0.3)",
+		memory: "rgba(0, 180, 216, 0.4)",
+		medium: "rgba(0, 180, 216, 0.6)",
+		strong: "rgba(0, 180, 216, 0.9)",
+		// Pink/magenta for special relationships
+		relation: "rgba(236, 72, 153, 0.6)",
 	},
 	text: {
 		primary: "#ffffff",
 		secondary: "#e2e8f0",
-		muted: "#94a3b8",
+		muted: "#525D6E",
 	},
 	accent: {
-		primary: "rgba(59, 130, 246, 0.7)",
-		secondary: "rgba(99, 102, 241, 0.6)",
-		glow: "rgba(147, 197, 253, 0.6)",
+		primary: "rgba(0, 180, 216, 0.7)",
+		secondary: "rgba(34, 97, 202, 0.6)",
+		glow: "rgba(0, 180, 216, 0.6)",
 		amber: "rgba(251, 165, 36, 0.8)",
 		emerald: "rgba(16, 185, 129, 0.4)",
 	},
@@ -42,9 +54,9 @@ export const colors = {
 		new: "rgba(16, 185, 129, 0.4)",
 	},
 	relations: {
-		updates: "rgba(147, 77, 253, 0.5)",
+		updates: "rgba(236, 72, 153, 0.5)",
 		extends: "rgba(16, 185, 129, 0.5)",
-		derives: "rgba(147, 197, 253, 0.5)",
+		derives: "rgba(0, 180, 216, 0.5)",
 	},
 }