diff --git a/src/components/dyne-slangroom-editor/dyne-slangroom-editor.tsx b/src/components/dyne-slangroom-editor/dyne-slangroom-editor.tsx
index e7133b5..a1f7c5b 100644
--- a/src/components/dyne-slangroom-editor/dyne-slangroom-editor.tsx
+++ b/src/components/dyne-slangroom-editor/dyne-slangroom-editor.tsx
@@ -280,7 +280,7 @@ function ErrorRenderer(props: { error: SlangroomError }) {
 
 function AnsiRenderer(props: { text: string; className?: string }) {
   const { text, className = '' } = props;
-  const converter = new Convert();
+  const converter = new Convert({ bg: '#F1F5F9', fg: '#1E293B' });
   return <pre class={className} innerHTML={converter.toHtml(text)}></pre>;
 }