customizable font family

packages/react/src/components/CodeMirror6.jsx

@@ -101,6 +101,7 @@ export default function CodeMirror({
   theme,
   keybindings,
   fontSize = 18,
+  fontFamily = 'monospace',
   options,
   editorDidMount,
 }) {
@@ -135,7 +136,7 @@ export default function CodeMirror({
     return staticExtensions;
   }, [keybindings]);
   return (
-    <div style={{ fontSize }} className="w-full">
+    <div style={{ fontSize, fontFamily }} className="w-full">
       <_CodeMirror
         value={value}
         theme={theme || strudelTheme}

packages/react/src/themes/algoboy.js

@@ -12,7 +12,6 @@ export const settings = {
   gutterBackground: 'transparent',
   gutterForeground: '#0f380f',
   light: true,
-  fontFamily: 'PressStart, monospace',
 };
 export default createTheme({
   theme: 'light',

packages/react/src/themes/blackscreen.js

@@ -7,10 +7,9 @@ export const settings = {
   selection: '#ffffff20',
   selectionMatch: '#036dd626',
   lineHighlight: '#ffffff10',
+  lineBackground: '#00000050',
   gutterBackground: 'transparent',
   gutterForeground: '#8a919966',
-  fontFamily: 'BigBlueTerminal, monospace',
-  //fontFamily: 'x3270, monospace',
 };
 export default createTheme({
   theme: 'dark',

packages/react/src/themes/bluescreen.js

@@ -12,7 +12,6 @@ export const settings = {
   gutterBackground: 'transparent',
   // gutterForeground: '#8a919966',
   gutterForeground: '#8a919966',
-  fontFamily: 'BigBlueTerminal, monospace',
 };
 
 export default createTheme({

packages/react/src/themes/terminal.js

@@ -9,8 +9,6 @@ export const settings = {
   lineHighlight: '#ffffff10',
   gutterBackground: 'transparent',
   gutterForeground: '#8a919966',
-  //fontFamily: 'BigBlueTerminal, monospace',
-  fontFamily: 'x3270, monospace',
 };
 export default createTheme({
   theme: 'dark',

packages/react/src/themes/whitescreen.js

@@ -11,7 +11,6 @@ export const settings = {
   gutterBackground: 'transparent',
   gutterForeground: 'black',
   light: true,
-  fontFamily: 'BigBlueTerminal, monospace',
 };
 export default createTheme({
   theme: 'light',