diff --git a/frontend/src/Graph.svelte b/frontend/src/Graph.svelte
index 1dba65f..2066c39 100644
--- a/frontend/src/Graph.svelte
+++ b/frontend/src/Graph.svelte
@@ -256,7 +256,7 @@
   }
 
   .tooltip rect {
-    stroke: #ffb3a2;
+    stroke: #daca20;
     stroke-width: 2px;
     fill: #000000bb;
   }
diff --git a/frontend/src/GraphNode.svelte b/frontend/src/GraphNode.svelte
index 9f4a9e2..4cfadb7 100644
--- a/frontend/src/GraphNode.svelte
+++ b/frontend/src/GraphNode.svelte
@@ -74,17 +74,26 @@
     fill: transparent;
     stroke: transparent;
   }
-  g:hover > .taskNode {
-    fill: #ffb3a2;
-  }
-  .taskNode {
-    fill: #69b3a2;
-  }
+
+ 
   .submitted .taskNode {
-    fill: red; /* TODO */
+    fill: #da8820; /* TODO */
+  }
+  g:hover.submitted > .taskNode {
+    fill: #ad6000;
   }
   .solved .taskNode {
-    fill: green; /* TODO */
+    fill: #58BF1C; /* TODO */
+  }
+  g:hover.solved > .taskNode {
+    fill: #389700;
+  }
+
+  .taskNode {
+    fill: #daca20;
+  }
+  g:hover > .taskNode {
+    fill: #ad9e00;
   }
 
   .selected > ellipse,