diff --git a/packages/codemirror/codemirror.mjs b/packages/codemirror/codemirror.mjs
index ca42658a..3c17826d 100644
--- a/packages/codemirror/codemirror.mjs
+++ b/packages/codemirror/codemirror.mjs
@@ -150,6 +150,11 @@ export class StrudelMirror {
onEvaluate: () => this.evaluate(),
onStop: () => this.stop(),
});
+ const cmEditor = this.root.querySelector('.cm-editor');
+ if (cmEditor) {
+ this.root.style.backgroundColor = 'var(--background)';
+ cmEditor.style.backgroundColor = 'transparent';
+ }
}
async drawFirstFrame() {
if (!this.onDraw) {
diff --git a/website/src/pages/vanilla/index.astro b/website/src/pages/vanilla/index.astro
index e5a935c0..44144bb6 100644
--- a/website/src/pages/vanilla/index.astro
+++ b/website/src/pages/vanilla/index.astro
@@ -7,7 +7,7 @@ import HeadCommonNew from '../../components/HeadCommonNew.astro';
Strudel Vanilla REPL
-
+