1 files changed, 9 insertions, 6 deletions
diff --git a/src/client/views/collections/CollectionNoteTakingView.tsx b/src/client/views/collections/CollectionNoteTakingView.tsx
index 5b91216cb..12e2cc1a8 100644
--- a/src/client/views/collections/CollectionNoteTakingView.tsx
+++ b/src/client/views/collections/CollectionNoteTakingView.tsx
@@ -9,7 +9,7 @@ import { listSpec } from '../../../fields/Schema';
 import { SchemaHeaderField } from '../../../fields/SchemaHeaderField';
 import { BoolCast, Cast, NumCast, ScriptCast, StrCast } from '../../../fields/Types';
 import { TraceMobx } from '../../../fields/util';
-import { DivHeight, emptyFunction, returnZero, smoothScroll, Utils } from '../../../Utils';
+import { DivHeight, emptyFunction, lightOrDark, returnZero, smoothScroll, Utils } from '../../../Utils';
 import { Docs, DocUtils } from '../../documents/Documents';
 import { DragManager, dropActionType } from '../../util/DragManager';
 import { SnappingManager } from '../../util/SnappingManager';
@@ -26,6 +26,7 @@ import './CollectionNoteTakingView.scss';
 import { CollectionNoteTakingViewColumn } from './CollectionNoteTakingViewColumn';
 import { CollectionNoteTakingViewDivider } from './CollectionNoteTakingViewDivider';
 import { CollectionSubView } from './CollectionSubView';
+import { Colors } from '../global/globalEnums';
 const _global = (window /* browser */ || global) /* node */ as any;
 
 /**
@@ -500,10 +501,11 @@ export class CollectionNoteTakingView extends CollectionSubView() {
     editableViewProps = () => ({
         GetValue: () => '',
         SetValue: this.addGroup,
-        contents: '+ New Column',
+        contents: '+ Column',
     });
 
     refList = () => this._refList;
+    backgroundColor = () => this._props.DocumentView?.().backgroundColor();
 
     // sectionNoteTaking returns a CollectionNoteTakingViewColumn (which is an individual column)
     sectionNoteTaking = (heading: SchemaHeaderField | undefined, docList: Doc[]) => (
@@ -511,7 +513,9 @@ export class CollectionNoteTakingView extends CollectionSubView() {
             key={heading?.heading ?? 'unset'}
             PanelWidth={this._props.PanelWidth}
             refList={this._refList}
+            backgroundColor={this.backgroundColor}
             select={this._props.select}
+            isContentActive={this.isContentActive}
             addDocument={this.addDocument}
             chromeHidden={this.chromeHidden}
             colHeaderData={this.colHeaderData}
@@ -613,12 +617,11 @@ export class CollectionNoteTakingView extends CollectionSubView() {
         TraceMobx();
         return (
             <div
-                className="collectionNoteTakingView"
+                className={`collectionNoteTakingView ${lightOrDark(this.backgroundColor()) === Colors.WHITE ? 'collectionNoteTakingViewLight' : ''}`}
                 ref={this.createRef}
-                key="notes"
                 style={{
-                    overflowY: this._props.isContentActive() ? 'auto' : 'hidden',
-                    background: this._props.styleProvider?.(this.Document, this._props, StyleProp.BackgroundColor),
+                    overflowY: this.isContentActive() ? 'auto' : 'hidden',
+                    background: this.backgroundColor(),
                     pointerEvents: this.backgroundEvents,
                 }}
                 onScroll={action(e => (this._scroll = e.currentTarget.scrollTop))}