diff --git a/packages/react/src/themes/blackscreen.js b/packages/react/src/themes/blackscreen.js
index 81e88016..f1e477f0 100644
--- a/packages/react/src/themes/blackscreen.js
+++ b/packages/react/src/themes/blackscreen.js
@@ -2,8 +2,8 @@ import { tags as t } from '@lezer/highlight';
 import { createTheme } from '@uiw/codemirror-themes';
 export const settings = {
   background: 'black',
-  foreground: '#dddddd', // whats that?
-  caret: '#dddddd',
+  foreground: 'white', // whats that?
+  caret: 'white',
   selection: '#ffffff20',
   selectionMatch: '#036dd626',
   lineHighlight: '#ffffff10',
@@ -16,23 +16,23 @@ export default createTheme({
   theme: 'dark',
   settings,
   styles: [
-    { tag: t.keyword, color: '#dddddd' },
-    { tag: t.operator, color: '#dddddd' },
-    { tag: t.special(t.variableName), color: '#dddddd' },
-    { tag: t.typeName, color: '#dddddd' },
-    { tag: t.atom, color: '#dddddd' },
-    { tag: t.number, color: '#dddddd' },
-    { tag: t.definition(t.variableName), color: '#dddddd' },
-    { tag: t.string, color: '#dddddd' },
-    { tag: t.special(t.string), color: '#dddddd' },
-    { tag: t.comment, color: '#dddddd' },
-    { tag: t.variableName, color: '#dddddd' },
-    { tag: t.tagName, color: '#dddddd' },
-    { tag: t.bracket, color: '#dddddd' },
-    { tag: t.meta, color: '#dddddd' },
-    { tag: t.attributeName, color: '#dddddd' },
-    { tag: t.propertyName, color: '#dddddd' },
-    { tag: t.className, color: '#dddddd' },
-    { tag: t.invalid, color: '#dddddd' },
+    { tag: t.keyword, color: 'white' },
+    { tag: t.operator, color: 'white' },
+    { tag: t.special(t.variableName), color: 'white' },
+    { tag: t.typeName, color: 'white' },
+    { tag: t.atom, color: 'white' },
+    { tag: t.number, color: 'white' },
+    { tag: t.definition(t.variableName), color: 'white' },
+    { tag: t.string, color: 'white' },
+    { tag: t.special(t.string), color: 'white' },
+    { tag: t.comment, color: 'white' },
+    { tag: t.variableName, color: 'white' },
+    { tag: t.tagName, color: 'white' },
+    { tag: t.bracket, color: 'white' },
+    { tag: t.meta, color: 'white' },
+    { tag: t.attributeName, color: 'white' },
+    { tag: t.propertyName, color: 'white' },
+    { tag: t.className, color: 'white' },
+    { tag: t.invalid, color: 'white' },
   ],
 });