From 53b45ce3dc02c680db8fde814c1feecfbebebb85 Mon Sep 17 00:00:00 2001
From: ckcz123 <ckcz123@126.com>
Date: Mon, 15 Jun 2020 23:44:25 +0800
Subject: [PATCH] Blockly dark theme

---
 _server/blockly/media/sprites_white.png | Bin 0 -> 3075 bytes
 _server/css/editor.css                  |   1 +
 _server/css/editor_color_dark.css       |  69 ++++++++++++++++++++----
 3 files changed, 60 insertions(+), 10 deletions(-)
 create mode 100644 _server/blockly/media/sprites_white.png

diff --git a/_server/blockly/media/sprites_white.png b/_server/blockly/media/sprites_white.png
new file mode 100644
index 0000000000000000000000000000000000000000..5dc7f956da4b825833bc313ef096ee21515dda40
GIT binary patch
literal 3075
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
Oz;)ABr#rl$<NpQ?-7OaY

literal 0
HcmV?d00001

diff --git a/_server/css/editor.css b/_server/css/editor.css
index 2d86bb4d..7c0d48c5 100644
--- a/_server/css/editor.css
+++ b/_server/css/editor.css
@@ -6,6 +6,7 @@ html, body, div, img {
 }
 
 html, body {
+    width: 100%;
     height: 100%;
     overflow: hidden;
 }
diff --git a/_server/css/editor_color_dark.css b/_server/css/editor_color_dark.css
index 4e7ed5eb..2b7eea1f 100644
--- a/_server/css/editor_color_dark.css
+++ b/_server/css/editor_color_dark.css
@@ -6,7 +6,7 @@
 body {
     background-color: #242424;
     color: #bbb;
-    filter: brightness(0.8);
+    filter: brightness(0.825);
 }
 
 input {
@@ -144,7 +144,8 @@ textarea {
 
 ::-webkit-scrollbar
 {
-	width: 8px;
+    width: 8px;
+    height: 10px;
 	background-color: #242424;
 }
 
@@ -167,8 +168,21 @@ select {
    background-color: #33333c;
 }
 
-.gameCanvas, img, svg {
-    filter: brightness(0.65);
+option {
+    filter: brightness(0.8); 
+    background-color: #292930; 
+    color: #9a9a9a;
+
+}
+
+option:checked {
+    filter: brightness(0.8);
+    background-color: #555/*#358*/;
+    color: #ddd;
+}
+
+.gameCanvas, img {
+    filter: brightness(0.85);
 }
 
 /** 搜索事件块的输入框 */
@@ -260,7 +274,8 @@ select {
 .editorTableFoldBtn {
     background-color: #a83;
 	border-color: #edb;	
-	color: #fec;
+    color: #fec;
+    filter: brightness(0.95);
 	}
 
 /** 保存地图的按钮颜色 */
@@ -278,8 +293,6 @@ select {
 /** 解析按钮颜色 */
 #blocklyParse {
     background-color: #404048;
-	/*background-color: #234;
-	border-color: #abc;*/
 	color: #c0c0c0;
 }
 #blocklyParse.highlight {
@@ -328,7 +341,7 @@ blockly图块的的黑暗程度，用opacity表示，0到1之间；
 }
 
 .blocklyTreeRow:hover {
-    background-color: #888 !important;
+    background-color: #666 !important;
     color: #fff !important;
 }
 
@@ -368,6 +381,42 @@ input.blocklyHtmlInput {
     background-color: black;
 }
 
+.blocklyFieldRect {
+    fill: #242424 !important;
+}
+
+.blocklyEditableText > .blocklyText {
+    fill: #eee !important;
+}
+
+.blocklyHtmlInput {
+    background: rgba(36,36,36,0.6);
+    color: #eee;
+}
+
+.blocklyDropDownDiv {
+    background-color: #33333c;
+    border: 1px solid rgba(0,0,0,.3);
+	border-color: #666;
+    box-shadow: .05em .2em .6em rgba(0,0,0,.2);
+}
+
+.blocklyDropDownDiv .goog-menuitem-content {
+    color: #eee;
+}
+
+.blocklyDropDownDiv .goog-menuitem-highlight {
+    background: #247/*hsl(200, 40%, 80%)*/;
+    color: #eee;
+}
+
+.blocklyWidgetDiv .goog-option-selected .goog-menuitem-checkbox, 
+.blocklyWidgetDiv .goog-option-selected .goog-menuitem-icon, 
+.blocklyDropDownDiv .goog-option-selected .goog-menuitem-checkbox, 
+.blocklyDropDownDiv .goog-option-selected .goog-menuitem-icon {
+    background: url(../blockly/media/sprites_white.png) no-repeat -48px -16px;
+}
+
 /** ======== Blockly中自动补全相关 ======== */
 .awesomplete > ul {
     background: #33333c;
@@ -460,10 +509,10 @@ input.blocklyHtmlInput {
     color: #d7a;
 }
 .cm-s-default .cm-atom {
-    color: #db7;
+    color: #80c0ff;
 }
 .cm-s-default .cm-number {
-    color: #9db;
+    color: #a0e0c0;
 }
 .cm-s-default .cm-def {
     color: #db7;