diff --git a/common/css/blockly.css b/common/css/blockly.css
index e4aa3b1e..fbbcd40f 100644
--- a/common/css/blockly.css
+++ b/common/css/blockly.css
@@ -117,25 +117,25 @@
 
 .classic-theme .blocklyTreeRow.blocklyTreeSelected .blocklyTreeIcon.blocklyTreeIconOpen,
 .dark-theme .blocklyTreeRow .blocklyTreeIcon.blocklyTreeIconOpen {
-    background-image: url('../../common/media/sprites.png') !important;
+    background-image: url('../../common/media/blockly/sprites.svg') !important;
     background-position: -16px -17px !important;
 }
 
 .classic-theme .blocklyTreeRow.blocklyTreeSelected .blocklyTreeIcon.blocklyTreeIconClosed,
 .dark-theme .blocklyTreeRow .blocklyTreeIcon.blocklyTreeIconClosed {
-    background-image: url('../../common/media/sprites.png') !important;
+    background-image: url('../../common/media/blockly/sprites.svg') !important;
     background-position: -32px -17px !important;
 }
 
 .classic-theme .blocklyTreeRow .blocklyTreeIcon.blocklyTreeIconOpen,
 .dark-theme .blocklyTreeRow.blocklyTreeSelected .blocklyTreeIcon.blocklyTreeIconOpen {
-    background-image: url('../../common/media/sprites.png') !important;
+    background-image: url('../../common/media/blockly/sprites.svg') !important;
     background-position: -16px -1px !important;
 }
 
 .classic-theme .blocklyTreeRow .blocklyTreeIcon.blocklyTreeIconClosed,
 .dark-theme .blocklyTreeRow.blocklyTreeSelected .blocklyTreeIcon.blocklyTreeIconClosed {
-    background-image: url('../../common/media/sprites.png') !important;
+    background-image: url('../../common/media/blockly/sprites.svg') !important;
     background-position: -32px -1px !important;
 }
 
diff --git a/common/media/blockly/1x1.gif b/common/media/blockly/1x1.gif
new file mode 100644
index 00000000..30855112
Binary files /dev/null and b/common/media/blockly/1x1.gif differ
diff --git a/common/media/click.mp3 b/common/media/blockly/click.mp3
similarity index 100%
rename from common/media/click.mp3
rename to common/media/blockly/click.mp3
diff --git a/common/media/click.ogg b/common/media/blockly/click.ogg
similarity index 100%
rename from common/media/click.ogg
rename to common/media/blockly/click.ogg
diff --git a/common/media/click.wav b/common/media/blockly/click.wav
similarity index 100%
rename from common/media/click.wav
rename to common/media/blockly/click.wav
diff --git a/common/media/delete-icon.svg b/common/media/blockly/delete-icon.svg
similarity index 100%
rename from common/media/delete-icon.svg
rename to common/media/blockly/delete-icon.svg
diff --git a/common/media/delete.mp3 b/common/media/blockly/delete.mp3
similarity index 100%
rename from common/media/delete.mp3
rename to common/media/blockly/delete.mp3
diff --git a/common/media/delete.ogg b/common/media/blockly/delete.ogg
similarity index 100%
rename from common/media/delete.ogg
rename to common/media/blockly/delete.ogg
diff --git a/common/media/delete.wav b/common/media/blockly/delete.wav
similarity index 100%
rename from common/media/delete.wav
rename to common/media/blockly/delete.wav
diff --git a/common/media/disconnect.mp3 b/common/media/blockly/disconnect.mp3
similarity index 100%
rename from common/media/disconnect.mp3
rename to common/media/blockly/disconnect.mp3
diff --git a/common/media/disconnect.ogg b/common/media/blockly/disconnect.ogg
similarity index 100%
rename from common/media/disconnect.ogg
rename to common/media/blockly/disconnect.ogg
diff --git a/common/media/disconnect.wav b/common/media/blockly/disconnect.wav
similarity index 100%
rename from common/media/disconnect.wav
rename to common/media/blockly/disconnect.wav
diff --git a/common/media/blockly/dropdown-arrow.svg b/common/media/blockly/dropdown-arrow.svg
new file mode 100644
index 00000000..4e6ce19e
--- /dev/null
+++ b/common/media/blockly/dropdown-arrow.svg
@@ -0,0 +1 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="12.71" height="8.79" viewBox="0 0 12.71 8.79"><title>dropdown-arrow</title><g opacity="0.1"><path d="M12.71,2.44A2.41,2.41,0,0,1,12,4.16L8.08,8.08a2.45,2.45,0,0,1-3.45,0L0.72,4.16A2.42,2.42,0,0,1,0,2.44,2.48,2.48,0,0,1,.71.71C1,0.47,1.43,0,6.36,0S11.75,0.46,12,.71A2.44,2.44,0,0,1,12.71,2.44Z" fill="#231f20"/></g><path d="M6.36,7.79a1.43,1.43,0,0,1-1-.42L1.42,3.45a1.44,1.44,0,0,1,0-2c0.56-.56,9.31-0.56,9.87,0a1.44,1.44,0,0,1,0,2L7.37,7.37A1.43,1.43,0,0,1,6.36,7.79Z" fill="#fff"/></svg>
\ No newline at end of file
diff --git a/common/media/foldout-icon.svg b/common/media/blockly/foldout-icon.svg
similarity index 100%
rename from common/media/foldout-icon.svg
rename to common/media/blockly/foldout-icon.svg
diff --git a/common/media/handclosed.cur b/common/media/blockly/handclosed.cur
similarity index 100%
rename from common/media/handclosed.cur
rename to common/media/blockly/handclosed.cur
diff --git a/common/media/handdelete.cur b/common/media/blockly/handdelete.cur
similarity index 100%
rename from common/media/handdelete.cur
rename to common/media/blockly/handdelete.cur
diff --git a/common/media/handopen.cur b/common/media/blockly/handopen.cur
similarity index 100%
rename from common/media/handopen.cur
rename to common/media/blockly/handopen.cur
diff --git a/common/media/blockly/pilcrow.png b/common/media/blockly/pilcrow.png
new file mode 100644
index 00000000..f224c358
Binary files /dev/null and b/common/media/blockly/pilcrow.png differ
diff --git a/common/media/blockly/quote0.png b/common/media/blockly/quote0.png
new file mode 100644
index 00000000..c7820d60
Binary files /dev/null and b/common/media/blockly/quote0.png differ
diff --git a/common/media/blockly/quote1.png b/common/media/blockly/quote1.png
new file mode 100644
index 00000000..826583e0
Binary files /dev/null and b/common/media/blockly/quote1.png differ
diff --git a/common/media/resize-handle.svg b/common/media/blockly/resize-handle.svg
similarity index 100%
rename from common/media/resize-handle.svg
rename to common/media/blockly/resize-handle.svg
diff --git a/common/media/sprites.png b/common/media/blockly/sprites.png
similarity index 100%
rename from common/media/sprites.png
rename to common/media/blockly/sprites.png
diff --git a/common/media/blockly/sprites.svg b/common/media/blockly/sprites.svg
new file mode 100644
index 00000000..3f09ef3a
--- /dev/null
+++ b/common/media/blockly/sprites.svg
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8" standalone="no"?>
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="96px" height="124px">
+  <style type="text/css">
+#background {
+  fill: none;
+}
+.arrows {
+  fill: #000;
+  stroke: none;
+}
+.selected>.arrows {
+  fill: #fff;
+}
+.checkmark {
+  fill: #000;
+  font-family: sans-serif;
+  font-size: 10pt;
+  text-anchor: middle;
+}
+.trash {
+  fill: #888;
+}
+.zoom {
+  fill: none;
+  stroke: #888;
+  stroke-width: 2;
+  stroke-linecap: round;
+}
+.zoom>.center {
+  fill: #888;
+  stroke-width: 0;
+}
+  </style>
+  <rect id="background" width="96" height="124" x="0" y="0" />
+
+  <g>
+    <path class="arrows" d="M 13,1.5 13,14.5 1.74,8 z" />
+    <path class="arrows" d="M 17.5,3 30.5,3 24,14.26 z" />
+    <path class="arrows" d="M 35,1.5 35,14.5 46.26,8 z" />
+  </g>
+  <g class="selected" transform="translate(0, 16)">
+    <path class="arrows" d="M 13,1.5 13,14.5 1.74,8 z" />
+    <path class="arrows" d="M 17.5,3 30.5,3 24,14.26 z" />
+    <path class="arrows" d="M 35,1.5 35,14.5 46.26,8 z" />
+  </g>
+
+  <text class="checkmark" x="55.5" y="28">&#10003;</text>
+
+  <g class="trash">
+    <path d="M 2,41 v 6 h 42 v -6 h -10.5 l -3,-3 h -15 l -3,3 z" />
+    <rect width="36" height="20" x="5" y="50" />
+    <rect width="36" height="42" x="5" y="50" rx="4" ry="4" />
+  </g>
+
+  <g class="zoom">
+    <circle r="11.5" cx="16" cy="108" />
+    <circle r="4.3" cx="16" cy="108" class="center" />
+    <path d="m 28,108 h3" />
+    <path d="m 1,108 h3" />
+    <path d="m 16,120 v3" />
+    <path d="m 16,93 v3" />
+  </g>
+
+  <g class="zoom">
+    <circle r="15" cx="48" cy="108" />
+    <path d="m 48,101.6 v12.8" />
+    <path d="m 41.6,108 h12.8" />
+  </g>
+
+  <g class="zoom">
+    <circle r="15" cx="80" cy="108" />
+    <path d="m 73.6,108 h12.8" />
+  </g>
+</svg>
diff --git a/common/modules/mixly-modules/common/editor-blockly.js b/common/modules/mixly-modules/common/editor-blockly.js
index a8c7c552..f076d7ed 100644
--- a/common/modules/mixly-modules/common/editor-blockly.js
+++ b/common/modules/mixly-modules/common/editor-blockly.js
@@ -59,7 +59,7 @@ class EditorBlockly extends EditorBase {
         this.workspace = null;
         this.initBlockly = () => {
             const DEFAULT_CATEGORIES = HTMLTemplate.get('xml/default-categories.xml').render();
-            const media = path.join(Env.srcDirPath, 'common/media/');
+            const media = path.join(Env.srcDirPath, 'common/media/blockly');
             const renderer = ['geras', 'zelos'].includes(USER.blockRenderer) ? USER.blockRenderer : 'geras';
             this.editor = Blockly.inject(this.$blockly[0], {
                 media,