!4 feat(blockly): 添加thrasos积木渲染器

* feat(blockly): 将默认积木渲染器从 thrasos 更改为 geras
* feat(blockly): 添加thrasos积木渲染器

common/css/blockly.css

@@ -146,6 +146,11 @@
     box-sizing: unset;
 }
 
+.classic-theme.thrasos-renderer .blocklyMenu > .blocklyMenuItem {
+    background-color: #fff;
+    color: #2f2f2f;
+}
+
 .classic-theme.geras-renderer .blocklyMenu > .blocklyMenuItem {
     background-color: #fff;
     color: #2f2f2f;
@@ -185,6 +190,12 @@
     box-sizing: unset;
 }
 
+.dark-theme.thrasos-renderer .blocklyMenu > .blocklyMenuItem {
+    background-color: #252525;
+    color: #eee;
+    font-family: "Lato", "Noto Sans SC";
+}
+
 .dark-theme.geras-renderer .blocklyMenu > .blocklyMenuItem {
     background-color: #252525;
     color: #eee;
@@ -233,4 +244,8 @@
 
 .geras-renderer.dark-theme .blocklyText {
     color: #000;
+}
+
+.thrasos-renderer.dark-theme .blocklyText {
+    color: #000;
 }

common/modules/mixly-modules/common/editor-blockly.js

@@ -60,7 +60,7 @@ class EditorBlockly extends EditorBase {
         this.initBlockly = () => {
             const DEFAULT_CATEGORIES = HTMLTemplate.get('xml/default-categories.xml').render();
             const media = path.join(Env.srcDirPath, 'common/media/blockly');
-            const renderer = ['geras', 'zelos'].includes(USER.blockRenderer) ? USER.blockRenderer : 'geras';
+            const renderer = ['geras', 'zelos', 'thrasos'].includes(USER.blockRenderer) ? USER.blockRenderer : 'geras';
             this.editor = Blockly.inject(this.$blockly[0], {
                 media,
                 toolbox: DEFAULT_CATEGORIES,