diff --git a/packages/svelte-vscode/package.json b/packages/svelte-vscode/package.json
index 1acb657dc..c04417bdc 100644
--- a/packages/svelte-vscode/package.json
+++ b/packages/svelte-vscode/package.json
@@ -474,6 +474,20 @@
                     "meta.embedded.block.svelte": "svelte"
                 }
             },
+            {
+                "scopeName": "markdown.svelte.codeblock.script",
+                "path": "./syntaxes/markdown-svelte-js.json",
+                "injectTo": [
+                    "text.html.markdown"
+                ]
+            },
+            {
+                "scopeName": "markdown.svelte.codeblock.style",
+                "path": "./syntaxes/markdown-svelte-css.json",
+                "injectTo": [
+                    "text.html.markdown"
+                ]
+            },
             {
                 "scopeName": "source.css.postcss",
                 "path": "./syntaxes/postcss.json",
diff --git a/packages/svelte-vscode/syntaxes/markdown-svelte-css.json b/packages/svelte-vscode/syntaxes/markdown-svelte-css.json
new file mode 100644
index 000000000..4ec9b340a
--- /dev/null
+++ b/packages/svelte-vscode/syntaxes/markdown-svelte-css.json
@@ -0,0 +1,23 @@
+{
+    "scopeName": "markdown.svelte.codeblock.style",
+    "fileTypes": [],
+    "injectionSelector": "L:meta.style.svelte",
+    "patterns": [
+        {
+            "include": "#svelte-script-css"
+        }
+    ],
+    "repository": {
+        "svelte-script-css": {
+            "begin": "(?<=style.*>)(?!</)",
+            "end": "(?=</)",
+            "name": "meta.embedded.block.svelte.style",
+            "contentName": "source.css",
+            "patterns": [
+                {
+                    "include": "source.css"
+                }
+            ]
+        }
+    }
+}
diff --git a/packages/svelte-vscode/syntaxes/markdown-svelte-js.json b/packages/svelte-vscode/syntaxes/markdown-svelte-js.json
new file mode 100644
index 000000000..8db7d4348
--- /dev/null
+++ b/packages/svelte-vscode/syntaxes/markdown-svelte-js.json
@@ -0,0 +1,23 @@
+{
+    "scopeName": "markdown.svelte.codeblock.script",
+    "fileTypes": [],
+    "injectionSelector": "L:meta.script.svelte",
+    "patterns": [
+        {
+            "include": "#svelte-script-js"
+        }
+    ],
+    "repository": {
+        "svelte-script-js": {
+            "begin": "(?<=script.*>)(?!</)",
+            "end": "(?=</)",
+            "name": "meta.embedded.block.svelte.script",
+            "contentName": "source.ts",
+            "patterns": [
+                {
+                    "include": "source.ts"
+                }
+            ]
+        }
+    }
+}