Fix design and turn off open browser

Author: bosshudsawat

.github/workflows/deploy.yml

@@ -32,4 +32,4 @@ jobs:
     - name: Build and Push Docker Image
       run: |
         docker build . --file Dockerfile --tag ghcr.io/bossboxing/friendblockly:latest
-        docker push ghcr.io/bossboxing/friendblockly:latest
+        docker push ghcr.io/bossboxing/friendblockly:latest

ardublockly/ardublockly.css

@@ -21,18 +21,22 @@
 /**********/
 html,
 body {
+    background-color: #000000;
+    color: #000000;
   height: 100% !important;
   padding: 0;
   margin: 0;
 }
 
 body {
-  background-color: #eeeeee;
-  -moz-user-select: -moz-none;
-  -khtml-user-select: none;
-  -webkit-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
+    background-color: #000000;
+    /* color: #FFFF00; */
+    background-color: #eeeeee;
+    -moz-user-select: -moz-none;
+    -khtml-user-select: none;
+    -webkit-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
 
 /*********************/
@@ -52,7 +56,7 @@ body {
   background-color: #E47128;
 }
 .arduino_yellow {
-  background-color: rgba(255, 204, 51, 1);
+  background-color: rgb(51 139 255);
   /* background-color: #FFCC33; */
   /* background-color: #E5AD24; from community logo */
 }
@@ -65,16 +69,22 @@ body {
 /*  Navigation bar  */
 /********************/
 .nav-fixed {
+    background-color: #FFFF00;
+    color: #000000;
   border-radius: 0;
   position: inherit;
   margin-bottom: 30px;
   z-index: 997 !important;
 }
 @media only screen and (min-width : 993px) {
   body {
+    background-color: #ffc500;
+    color: black;
     padding-top: 100px;
   }
   .nav-fixed {
+    background-color: #000000;
+    color: #000000;
     position: fixed;
     right: 0;
     left: 0;
@@ -221,9 +231,9 @@ ul.side-nav li.side-menu-end {
   border-right: 0;
 }
 .ide_output_header_normal {
-  background-color: #006468;
+  background-color: #000000;
   color: #ffffff;
-  -moz-transition: background-color 0.6s ease-in;;
+  -moz-transition: background-color 0.6s ease-in;
   -o-transition: background-color 0.6s ease-in;
   -webkit-transition: background-color 0.6s ease-in;
 }
@@ -243,6 +253,8 @@ ul.side-nav li.side-menu-end {
 }
 
 #content_ide_output {
+    background-color: #202020;
+    color: #FFFF00;
   resize: none;
   outline: none;
   border: none;
@@ -502,6 +514,8 @@ ul.side-nav li.side-menu-end {
 
 /* Arduino output modal dialog */
 #arduino_dialog_body {
+    background-color: #000000;
+    color: #FFFF00;
   padding-top: 25px;
 }
 .arduino_dialog_out {}
@@ -653,7 +667,7 @@ ul.side-nav li.side-menu-end {
   border: none !important;
   margin: 0px !important;
   padding: 0px 0px 0px 0px !important;
-  background: rgba(98, 174, 178, .2) !important;  /* Arduino Light Teal */
+  background: rgb(187 185 10 / 20%) !important;  /* Arduino Light Teal */
   -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
   box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
@@ -715,6 +729,7 @@ ul.side-nav li.side-menu-end {
 
 /* Blockly scrollbars */
 .blocklyScrollbarKnob {
+    fill: #FFFF00;
   fill: #00878F !important;
   fill-opacity: 0.7 !important;
 }
@@ -758,6 +773,8 @@ ul.side-nav li.side-menu-end {
 /* Maximize horizontal space for mobile */
 @media only screen and (min-width: 0px) and (max-width: 600px) {
   body {
+    background-color: #000000;
+    color: #FFFF00;
     padding-top: 0px;
   }
   /* Expand to all visible horizontal space */
@@ -793,15 +810,19 @@ ul.side-nav {
   box-shadow: none !important;
 }
 ul.side-nav li {
-  background-color: #eeeeee;
+    background-color: #000000;
+    /* color: #FFFF00; */
+    background-color: #eeeeee;
 }
 ul.side-nav li {
-  background-color: #eeeeee;
-  box-sizing: border-box;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  border-right: 2px solid #dddddd;
-  border-left: 2px solid #ffffff;
+    background-color: #000000;
+    /* color: black; */
+    background-color: #eeeeee;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    border-right: 2px solid #dddddd;
+    border-left: 2px solid #ffffff;
 }
 ul.side-nav li ul li ul {
   cursor: pointer;

ardublockly/index.html

@@ -6,7 +6,7 @@
   <meta name="theme-color" content="#00878F">
   <link rel="icon" href="img/favicon.ico">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-  <title class="translatable_title">Space Robots</title>
+  <title class="translatable_title">Friend Blockly</title>
 
   <!-- Materialize, Prettify, and Ardublockly CSS -->
   <link rel="stylesheet" href="materialize/materialize.css" media="screen,projection">

start.py

@@ -174,8 +174,8 @@ def main():
         ardublockly_root_dir)
 
     print('\n======= Starting Server =======')
-    if launch_browser:
-        open_browser(ip=SERVER_IP, port=SERVER_PORT)
+    # if launch_browser:
+    #     open_browser(ip=SERVER_IP, port=SERVER_PORT)
 
     ardublocklyserver.server.launch_server(
             ip=SERVER_IP, port=SERVER_PORT, document_root_=server_root)