From c6ff736df8ff7f4d1289147f42a2d1213a9948bc Mon Sep 17 00:00:00 2001 From: Sean Boettger Date: Wed, 6 Nov 2024 02:33:41 +1100 Subject: [PATCH 1/2] fun orange halloween theme! --- Browser_IDE/editorMain.js | 2 +- Browser_IDE/index.html | 2 +- Browser_IDE/projectInitializer.js | 26 ++++++++++++++++---------- Browser_IDE/stylesheet.css | 14 +++++++------- 4 files changed, 25 insertions(+), 19 deletions(-) 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 @@ SplashKit Online - + diff --git a/Browser_IDE/projectInitializer.js b/Browser_IDE/projectInitializer.js index 0be8381..59491cc 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, 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 { From 9311037f1fbc8e19ed455f0ffa3d9a88656b369b Mon Sep 17 00:00:00 2001 From: Sean Boettger Date: Wed, 6 Nov 2024 02:44:40 +1100 Subject: [PATCH 2/2] small fix (ahaha) --- Browser_IDE/projectInitializer.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Browser_IDE/projectInitializer.js b/Browser_IDE/projectInitializer.js index 59491cc..2c3af34 100644 --- a/Browser_IDE/projectInitializer.js +++ b/Browser_IDE/projectInitializer.js @@ -94,7 +94,7 @@ void gameInnerLoop(){ write_line("click!"); // Draw a simple scene - fill_ellipse(rgba_color(0.2,0.2,0.2,1), 0, 400, 800, 400); + 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);