修改代码部分的样式颜色

src/components/blockly/BlocklyEditor.vue

@@ -306,7 +306,7 @@ const state = reactive({
 
   // 台灯状态
   lamp: {
-    isLightOn: true,// 台灯是否亮着
+    isLightOn: false,// 台灯是否亮着
     brightness: 50, // 默认亮度50%
     color: "#ffffff", // 默认颜色白色
     colorLog: "白", // 默认颜色白色
@@ -1455,6 +1455,7 @@ const showStatus = (message, type = 'success') => {
   bottom: 0;
   background: rgba(255, 255, 255, 0.95);
   overflow-y: auto;
+  overflow-x: hidden;
 }
 /* 自定义滚动条样式 */
 .container::-webkit-scrollbar {
@@ -1498,11 +1499,11 @@ const showStatus = (message, type = 'success') => {
 
 .output-section {
   margin-top: 15px;
-  background: #2c3e50;
-  color: white;
+  background: #f1f8ff;
+  color: black;
   padding: 15px;
   border-radius: 8px;
-  border: 1px solid #34495e;
+  border: 1px solid #d1e7ff;
   width: 100%;
 }
 
@@ -1620,8 +1621,8 @@ h2 {
 }
 
 .output-section h2 {
-  color: white;
-  border-bottom: 2px solid #1abc9c;
+  color: black;
+  border-bottom: 2px solid #3498db;
 }
 
 #blocklyDiv {
@@ -1673,7 +1674,8 @@ button:hover {
 }
 
 #output {
-  background: #1a2530;
+  // background: #1a2530;
+  background: rgba($color: #ffffff, $alpha: 0.5);
   padding: 10px;
   border-radius: 5px;
   min-height: 100px;