1 files changed, 25 insertions, 2 deletions
diff --git a/src/client/views/nodes/formattedText/FormattedTextBox.tsx b/src/client/views/nodes/formattedText/FormattedTextBox.tsx
index 731ab1d53..f9cef1a60 100644
--- a/src/client/views/nodes/formattedText/FormattedTextBox.tsx
+++ b/src/client/views/nodes/formattedText/FormattedTextBox.tsx
@@ -944,13 +944,12 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FieldViewProps
         try {
             let res = await gptAPICall((this.dataDoc.text as RichTextField)?.Text, GPTCallType.COMPLETION);
             if (!res) {
-                console.error('GPT call failed');
                 this.animateRes(0, 'Something went wrong.');
             } else {
                 this.animateRes(0, res);
             }
         } catch (err) {
-            console.error('GPT call failed');
+            console.error(err);
             this.animateRes(0, 'Something went wrong.');
         }
     });
@@ -964,6 +963,7 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FieldViewProps
     };
 
     breakupDictation = () => {
+        console.log('breakup');
         if (this._editorView && this._recordingDictation) {
             this.stopDictation(true);
             this._break = true;
@@ -1146,6 +1146,25 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FieldViewProps
     @computed get contentScaling() {
         return Doc.NativeAspect(this.Document, this.dataDoc, false) ? this._props.NativeDimScaling?.() || 1 : 1;
     }
+
+    @action
+    checkBackgroundColor() {
+        console.log('checking bg color 1');
+        if (BoolCast(Doc.UserDoc().settingBgColor)) return;
+        console.log('checking bg color 2');
+        let fontColor = '#000000';
+        if (isDarkMode(StrCast(this.rootDoc._backgroundColor))) {
+            fontColor = '#ffffff';
+        }
+        // set text to white
+        if (!this._editorView) return;
+        const tr = this._editorView?.state.tr;
+
+        tr.setSelection(TextSelection.create(tr.doc, 0, tr.doc.content.size));
+        tr.addMark(0, tr.doc.content.size, schema.marks.pFontColor.create({ color: fontColor }));
+        this._editorView.dispatch(tr);
+    }
+
     componentDidMount() {
         !this._props.dontSelectOnLoad && this._props.setContentViewBox?.(this); // this tells the DocumentView that this AudioBox is the "content" of the document.  this allows the DocumentView to indirectly call getAnchor() on the AudioBox when making a link.
         this._cachedLinks = LinkManager.Links(this.Document);
@@ -1168,6 +1187,10 @@ export class FormattedTextBox extends ViewBoxAnnotatableComponent<FieldViewProps
             ({ width, scrollHeight, layout_autoHeight }) => width && layout_autoHeight && this.resetNativeHeight(scrollHeight),
             { fireImmediately: true }
         );
+        this._disposers.bgColor = reaction(
+            () => this.rootDoc._backgroundColor,
+            color => this.checkBackgroundColor()
+        );
         this._disposers.componentHeights = reaction(
             // set the document height when one of the component heights changes and layout_autoHeight is on
             () => ({ sidebarHeight: this.sidebarHeight, textHeight: this.textHeight, layout_autoHeight: this.layout_autoHeight, marginsHeight: this.layout_autoHeightMargins }),