diff --git a/common/css/blockly.css b/common/css/blockly.css
index 7b260222..279fa73a 100644
--- a/common/css/blockly.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/common/modules/mixly-modules/common/editor-blockly.js b/common/modules/mixly-modules/common/editor-blockly.js
index fbbe3ad2..6b0c286c 100644
--- a/common/modules/mixly-modules/common/editor-blockly.js
+++ b/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,
diff --git a/mixly-sw/templete/setting-div.html b/mixly-sw/templete/setting-div.html
index c5821362..56a3d673 100644
--- a/mixly-sw/templete/setting-div.html
+++ b/mixly-sw/templete/setting-div.html
@@ -311,6 +311,7 @@
                                             <div class="layui-input-block layui-row layui-col-space10">
                                                 <select class="setting-menu-item" value="blockRenderer" lay-ignore>
                                                     <option value="geras">geras</option>
+                                                    <option value="thrasos">thrasos</option>
                                                     <option value="zelos">zelos</option>
                                                 </select>
                                             </div>