diff --git a/node/PublicResources/js/cytoStylesheet.js b/node/PublicResources/js/cytoStylesheet.js
index 077b4de..ff34840 100644
--- a/node/PublicResources/js/cytoStylesheet.js
+++ b/node/PublicResources/js/cytoStylesheet.js
@@ -6,6 +6,7 @@ export { CytoStyle, TestCytoStyle };
* Applies the stylesheet to the cytoscape graph
* @param {string} containerId The id of the given graph
* @param {string} graphSize The size of the graph, either "small" or "large", that the stylesheet is to be applied to
+ * @param {boolean} headless Whether the graph should be rendered or not
* @returns The finished graph object
*/
function CytoStyle(containerId, graphSize, headless) {
diff --git a/node/PublicResources/js/darkMode.js b/node/PublicResources/js/darkMode.js
deleted file mode 100644
index 166e3f8..0000000
--- a/node/PublicResources/js/darkMode.js
+++ /dev/null
@@ -1,78 +0,0 @@
-/**
- * Adds a button to switch between light and dark mode on the simulation pages
- * @param {Array} graphArr The array of all active graphs
- */
-function addDarkBtn(graphArr) {
- let graphClasses = document.querySelectorAll(".cy"),
- darkBtn = document.createElement("input"),
- documentTheme = "Dark mode";
- darkBtn.type = "button";
- darkBtn.value = "Light mode";
- darkBtn.id = "darkBtn";
-
- darkBtn.addEventListener("mousedown", function () {
- //If the theme is light switch every attribute to dark
- if (documentTheme == "Light mode") {
- documentTheme = "Dark mode";
- darkBtn.value = "Light mode";
- document.body.style.backgroundColor = "rgb(30,30,30)";
- document.body.style.color = "white";
-
- //Background color for the visualized graphs
- graphClasses.forEach(
- (graphClass) => (graphClass.style.backgroundColor = "rgb(30,30,30)")
- );
-
- //Changes color of edges on every graph
- graphArr.forEach((cyGraph) => {
- cyGraph.graph.style().selector("edge").style("line-color", "white");
- cyGraph.graph
- .style()
- .selector("edge")
- .style("target-arrow-color", "white");
- cyGraph.graph
- .style()
- .selector("edge")
- .style("color", "lightgreen")
- .update();
- });
- //Changes colors on the headless simulation page
- document.getElementById("statistics-div").style.color = "white";
- document.getElementById("order-textarea").style.backgroundColor = "rgba(0,0,0,0.1)";
- document.getElementById("order-textarea").style.color = "white";
- } else { //If the theme is dark switch every attribute to light
- documentTheme = "Light mode";
- darkBtn.value = "Dark mode";
- document.body.style.backgroundColor = "white";
- document.body.style.color = "black";
-
- //Background color for the visualized graphs
- graphClasses.forEach(
- (graphClass) => (graphClass.style.backgroundColor = "white")
- );
-
- //Changes color of edges on every graph
- graphArr.forEach((cyGraph) => {
- cyGraph.graph.style().selector("edge").style("line-color", "black");
- cyGraph.graph
- .style()
- .selector("edge")
- .style("target-arrow-color", "black");
- cyGraph.graph
- .style()
- .selector("edge")
- .style("color", "darkgreen")
- .update();
- });
-
- //Changes colors on the headless simulation page
- document.getElementById("statistics-div").style.color = "black";
- document.getElementById("order-textarea").style.backgroundColor = "lightgrey";
- document.getElementById("order-textarea").style.color = "black";
- }
- });
- document.getElementById("cy0").before(darkBtn);
- document.getElementById(darkBtn.id).after(document.createElement("br"));
-}
-
-export { addDarkBtn };
\ No newline at end of file
diff --git a/node/PublicResources/js/dijkstra.js b/node/PublicResources/js/dijkstra.js
index d3a5564..36b520d 100644
--- a/node/PublicResources/js/dijkstra.js
+++ b/node/PublicResources/js/dijkstra.js
@@ -3,7 +3,7 @@ import { initializeSingleSource, relax } from "../js/pathModules.js";
/**
* Dijkstra's algorithm will find the shortest path between all nodes in a weighted graph.
- * @param {Object} cyGraph The graph nodes will be updated with new distances
+ * @param {Class} cyGraph The graph nodes will be updated with new distances
* and parents in terms of the new starting point.
* @param {Object} startNode The starting point node. Also called source.
*/
diff --git a/node/PublicResources/js/dynamicPageGeneration.js b/node/PublicResources/js/dynamicPageGeneration.js
index 3a20327..08e7054 100644
--- a/node/PublicResources/js/dynamicPageGeneration.js
+++ b/node/PublicResources/js/dynamicPageGeneration.js
@@ -33,7 +33,6 @@ const generateVisualizationHTML = (graphs) => {
-