Emergency Fix

README.md

@@ -8,12 +8,12 @@ WebBox is an interactive code editor focused on web development, providing live
 
 ---
 
-* [Create a File](./docs/CreateFile.md)
-* [Open a File](./docs/OpenFile.md)
-* [Save a File](./docs/SaveFile.md)
-* [Viewer Windows](./docs/ViewerWindows.md)
-* [Shortcuts](./docs/Shortcuts.md)
-* [Customize Colors](./docs/CustomColors.md)
+- [Create a File](./docs/CreateFile.md)
+- [Open a File](./docs/OpenFile.md)
+- [Save a File](./docs/SaveFile.md)
+- [Viewer Windows](./docs/ViewerWindows.md)
+- [Shortcuts](./docs/Shortcuts.md)
+- [Customize Colors](./docs/CustomColors.md)
 
 ---
 
@@ -24,4 +24,5 @@ Developed as a school project by **Ethan Mahlstedt**
 Want to help? Send me a [mail](mailto:ethan.mahlstedt@hotmail.com)
 
 ---
-<p style="font-size: 10px">Last modified at 13/05/25 by Ethan Mahlstedt; v1.0.0-rc2 </p>
+
+<p style="font-size: 10px">Last modified at 13/05/25 by Ethan Mahlstedt; v1.0.0-rc2 </p>

docs/CreateFile.md

@@ -20,9 +20,8 @@ Filename **must** include extension.
 
 ---
 
-
 Filename and folder **are mandatory**.
 
 ---
 
-<p style="font-size: 10px">Last modified at 12/05/25 by Ethan Mahlstedt; v1.0-rc1 </p>
+<p style="font-size: 10px">Last modified at 12/05/25 by Ethan Mahlstedt; v1.0-rc1 </p>

docs/CustomColors.md

@@ -14,4 +14,4 @@ If you want to use custom colors, you must edit the files located at `editor/fro
 
 ---
 
-<p style="font-size: 10px">Last modified at 14/05/25 by Ethan Mahlstedt; v1.0-rc2 </p>
+<p style="font-size: 10px">Last modified at 14/05/25 by Ethan Mahlstedt; v1.0-rc2 </p>

docs/OpenFile.md

@@ -10,18 +10,16 @@
 
 To open files, WebBox will prompt you to choose a file that matches the following file types:
 
-* **HTML** (.html, .htm)
-* **JavaScript** (.js, .jsx, .mjs, .cjs)
-* **TypeScript** (.ts, .tsx)
-* **CSS** (.css)
-* **JSON** (.JSON)
-* **Markdown** (.md)
-* **PHP** (.php)
-* **Text Documents** (.txt)
-* **XML** (.xml)
-
-
+- **HTML** (.html, .htm)
+- **JavaScript** (.js, .jsx, .mjs, .cjs)
+- **TypeScript** (.ts, .tsx)
+- **CSS** (.css)
+- **JSON** (.JSON)
+- **Markdown** (.md)
+- **PHP** (.php)
+- **Text Documents** (.txt)
+- **XML** (.xml)
 
 ---
 
-<p style="font-size: 10px">Last modified at 14/05/25 by Ethan Mahlstedt; v1.0-rc2 </p>
+<p style="font-size: 10px">Last modified at 14/05/25 by Ethan Mahlstedt; v1.0-rc2 </p>

docs/SaveFile.md

@@ -1,4 +1,3 @@
-
 ###### Go back to [index](../README.md)
 
 ---
@@ -13,8 +12,8 @@ When closing files, WebBox will prompt you to save the file if it has unsaved ch
 
 ![fileSaveDialog.png](../resources/docs/fileSaving/fileSaveDialog.png)
 
-Whenever a file has unsaved changes, the file name will be displayed in *italic* in the tab bar. This is a visual indicator that the file has unsaved changes.
+Whenever a file has unsaved changes, the file name will be displayed in _italic_ in the tab bar. This is a visual indicator that the file has unsaved changes.
 
 ---
 
-<p style="font-size: 10px">Last modified at 14/05/25 by Ethan Mahlstedt; v1.0-rc2 </p>
+<p style="font-size: 10px">Last modified at 14/05/25 by Ethan Mahlstedt; v1.0-rc2 </p>

docs/Shortcuts.md

@@ -9,7 +9,7 @@
 ## Shortcut list
 
 | Shortcut           | Action                              |
-|--------------------|-------------------------------------|
+| ------------------ | ----------------------------------- |
 | `Ctrl + N`         | Create File                         |
 | `Ctrl + O`         | Open File                           |
 | `Ctrl + S`         | Save File                           |
@@ -20,4 +20,4 @@
 
 ---
 
-<p style="font-size: 10px">Last modified at 14/05/25 by Ethan Mahlstedt; v1.0-rc2 </p>
+<p style="font-size: 10px">Last modified at 14/05/25 by Ethan Mahlstedt; v1.0-rc2 </p>

docs/ViewerWindows.md

@@ -1,4 +1,3 @@
-
 ###### Go back to [index](../README.md)
 
 ---
@@ -19,4 +18,4 @@ In the case you want to refresh the viewer, you can use the **"Refresh Viewer"**
 
 ---
 
-<p style="font-size: 10px">Last modified at 14/05/25 by Ethan Mahlstedt; v1.0-rc2 </p>
+<p style="font-size: 10px">Last modified at 14/05/25 by Ethan Mahlstedt; v1.0-rc2 </p>

front/editor/editor.html

@@ -4,7 +4,6 @@
 		<meta charset="UTF-8" />
 		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 		<title>WebBox</title>
-		<link rel="stylesheet" href="editor.css" />
 	</head>
 	<body>
 		<div id="FilePicker"></div>

front/editor/editor.js

@@ -845,15 +845,26 @@ pickWindowBtn.addEventListener("click", () => {
 });
 
 //////////////////////////////////////////////////////////
-// Load Highlighter
+// Load Stylesheets
 /////////////////////////////////////////////////////////
 
-const cssPath = path.join(process.cwd(), "front", "editor", "highlighter.css");
-
-const link = document.createElement("link");
-link.rel = "stylesheet";
-link.href = `file://${cssPath}`;
-document.head.appendChild(link);
+const HighlighterPath = path.join(
+	process.cwd(),
+	"front",
+	"editor",
+	"highlighter.css"
+);
+const EditorPath = path.join(process.cwd(), "front", "editor", "editor.css");
+
+appendStylesheet(HighlighterPath);
+appendStylesheet(EditorPath);
+
+function appendStylesheet(dir) {
+	const link = document.createElement("link");
+	link.rel = "stylesheet";
+	link.href = `file://${dir}`;
+	document.head.appendChild(link);
+}
 
 //////////////////////////////////////////////////////////
 // Handle Window Deletion

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "webbox",
-	"version": "1.0.0-rc2",
+	"version": "1.0.0",
 	"description": "Live Editor for HTML, CSS and JS",
 	"main": "main.js",
 	"scripts": {