diff --git a/Browser_IDE/editorMain.js b/Browser_IDE/editorMain.js
index cd7e62d..d7e174a 100644
--- a/Browser_IDE/editorMain.js
+++ b/Browser_IDE/editorMain.js
@@ -85,7 +85,7 @@ class CodeViewer {
     setupCodeArea(element) {
         let editor = CodeMirror.fromTextArea(element, {
             mode: "text/javascript",
-            theme: "dracula",
+            theme: "ayu-mirage",
             lineNumbers: true,
             autoCloseBrackets: true,
             styleActiveLine: true,
diff --git a/Browser_IDE/index.html b/Browser_IDE/index.html
index 4571c57..6604e91 100644
--- a/Browser_IDE/index.html
+++ b/Browser_IDE/index.html
@@ -8,7 +8,7 @@
     <title>SplashKit Online</title>
 
     <link rel="stylesheet" href="codemirror-5.65.15/lib/codemirror.css">
-    <link rel="stylesheet" href="codemirror-5.65.15/theme/dracula.css">
+    <link rel="stylesheet" href="codemirror-5.65.15/theme/ayu-mirage.css">
     <link rel="stylesheet" href="codemirror-5.65.15/addon/hint/show-hint.css">
     <link rel="stylesheet" href="codemirror-5.65.15/addon/fold/foldgutter.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
diff --git a/Browser_IDE/projectInitializer.js b/Browser_IDE/projectInitializer.js
index 0be8381..2c3af34 100644
--- a/Browser_IDE/projectInitializer.js
+++ b/Browser_IDE/projectInitializer.js
@@ -17,9 +17,12 @@ function gameInnerLoop(){
         write_line("click!");
 
     // Draw a simple scene
-    fill_ellipse(COLOR_LIME, 0, 400, 800, 400);
-    fill_rectangle(rgba_color(0.4,0.4,0.4,1), 300, 300, 200, 200);
-    fill_triangle(COLOR_RED, 250, 300, 400, 150, 550, 300);
+    fill_ellipse(rgba_color(0.2,0.2,0.2,1), 0, 400, 800, 400);
+    fill_rectangle(COLOR_BLACK, 300, 300, 200, 200);
+    fill_triangle(COLOR_BLACK, 250, 300, 400, 150, 550, 300);
+    fill_rectangle(COLOR_ORANGE, 350, 350, 50, 50);
+    fill_rectangle(COLOR_BLACK, 372, 350, 5, 50);
+    fill_rectangle(COLOR_BLACK, 350, 372, 50, 5);
 
     // If the mouse is being held down,
     // set the global variable circle_pos
@@ -30,7 +33,7 @@ function gameInnerLoop(){
 
     // Draw the circle!
     fill_ellipse(
-        rgba_color(0.3,0.7,1,0.7),     // Color of the ellipse
+        rgba_color(1.0,0.5,0.2,0.7),     // Color of the ellipse
         circle_pos.x - circleSize/2, // The x (horizontal) position
         circle_pos.y - circleSize/2, // The y (vertical) position
         circleSize,                  // The width
@@ -60,7 +63,7 @@ function main(){
 
         // Clear the screen - try removing this!
         // If you change it, don't forget to "Restart"!
-        clear_screen(COLOR_WHITE);
+        clear_screen(rgb_color(0.1,0.1,0.1));
 
         // Do the game related stuff (in the code block above!)
         gameInnerLoop();
@@ -91,9 +94,12 @@ void gameInnerLoop(){
         write_line("click!");
 
     // Draw a simple scene
-    fill_ellipse(COLOR_LIME, 0, 400, 800, 400);
-    fill_rectangle(rgba_color(0.4,0.4,0.4,1.0), 300, 300, 200, 200);
-    fill_triangle(COLOR_RED, 250, 300, 400, 150, 550, 300);
+    fill_ellipse(rgba_color(0.2,0.2,0.2,1.0), 0, 400, 800, 400);
+    fill_rectangle(COLOR_BLACK, 300, 300, 200, 200);
+    fill_triangle(COLOR_BLACK, 250, 300, 400, 150, 550, 300);
+    fill_rectangle(COLOR_ORANGE, 350, 350, 50, 50);
+    fill_rectangle(COLOR_BLACK, 372, 350, 5, 50);
+    fill_rectangle(COLOR_BLACK, 350, 372, 50, 5);
 
     // If the mouse is being held down,
     // set the global variable circle_pos
@@ -104,7 +110,7 @@ void gameInnerLoop(){
 
     // Draw the circle!
     fill_ellipse(
-        rgba_color(0.3,0.7,1.0,0.7),     // Color of the ellipse
+        rgba_color(1.0,0.5,0.2,0.7),     // Color of the ellipse
         circle_pos.x - circleSize/2, // The x (horizontal) position
         circle_pos.y - circleSize/2, // The y (vertical) position
         circleSize,                  // The width
@@ -140,7 +146,7 @@ int main(){
 
         // Clear the screen - try removing this!
         // If you change it, don't forget to "Restart"!
-        clear_screen(COLOR_WHITE);
+        clear_screen(rgb_color(0.1,0.1,0.1));
 
         // Do the game related stuff (in the code block above!)
         gameInnerLoop();
diff --git a/Browser_IDE/stylesheet.css b/Browser_IDE/stylesheet.css
index 7947d24..d4b7d6e 100644
--- a/Browser_IDE/stylesheet.css
+++ b/Browser_IDE/stylesheet.css
@@ -94,7 +94,7 @@ input {
 }
 
 a:visited {
-    color: #0A0;
+    color: #ff9525;
 }
 
 .sk-body {
@@ -294,7 +294,7 @@ textarea {
 .sk-demo-tag{
     background-color: #303724;
     border-radius: 5px;
-    color: #68ff00;
+    color: #ff9525;
     line-height: 1.5em;
     margin-top: 0.25em;
     padding: 0px 10px;
@@ -417,7 +417,7 @@ textarea {
 
 #runProgram,
 #collapsedRunProgram {
-    color: #9fff69;
+    color: #ff9525;
 }
 
 .sk-terminal-input-wrapper {
@@ -470,7 +470,7 @@ textarea {
     color: #f8f8f2;
 }
 .node-persistent.node-transient{
-    color: #9fff69;
+    color: #ff9525;
     opacity: 1.0;
 }
 .node-tentative-label{
@@ -525,8 +525,8 @@ textarea {
 }
 
 /* make the CodeMirror theme match the rest of the UI a little more */
-.cm-s-dracula.CodeMirror, .cm-s-dracula .CodeMirror-gutters {
-    background-color: #24262d !important;
+.cm-s-ayu-mirage.CodeMirror, .cm-s-ayu-mirage .CodeMirror-gutters {
+    background-color: #232324 !important
 }
 
 
@@ -827,7 +827,7 @@ li.CodeMirror-hint-active {
 }
 
 .btn-success {
-  color: #54ff3b;
+  color: #ff9525;
 }
 
 .btn-success:hover, .btn-success:focus {