1 files changed, 10 insertions, 2 deletions
diff --git a/src/client/views/ContextMenuItem.tsx b/src/client/views/ContextMenuItem.tsx
index eb1030eec..782077fd6 100644
--- a/src/client/views/ContextMenuItem.tsx
+++ b/src/client/views/ContextMenuItem.tsx
@@ -5,8 +5,14 @@ import { action, makeObservable, observable, runInAction } from 'mobx';
 import { observer } from 'mobx-react';
 import * as React from 'react';
 import { SnappingManager } from '../util/SnappingManager';
-import { UndoManager } from '../util/UndoManager';
+import { UndoManager, undoable } from '../util/UndoManager';
 import { ObservableReactComponent } from './ObservableReactComponent';
+import { ColorPicker, Type } from 'browndash-components';
+import { DocumentView } from './nodes/DocumentView';
+import { Doc } from '../../fields/Doc';
+import { StrCast } from '../../fields/Types';
+import { ColorResult, SketchPicker } from 'react-color';
+import color from 'color';
 
 export interface OriginalMenuProps {
     description: string;
@@ -14,6 +20,7 @@ export interface OriginalMenuProps {
     undoable?: boolean;
     icon: IconProp | JSX.Element; // maybe should be optional (icon?)
     closeMenu?: () => void;
+    colorPicker?: boolean;
 }
 
 export interface SubmenuProps {
@@ -24,6 +31,7 @@ export interface SubmenuProps {
     addDivider?: boolean;
     icon: IconProp; // maybe should be optional (icon?)
     closeMenu?: () => void;
+    colorPicker?: boolean;
 }
 
 export type ContextMenuProps = OriginalMenuProps | SubmenuProps;
@@ -101,7 +109,7 @@ export class ContextMenuItem extends ObservableReactComponent<ContextMenuProps &
     render() {
         if ('event' in this._props) {
             return (
-                <div className={'contextMenu-item' + (this._props.selected ? ' contextMenu-itemSelected' : '')} onPointerDown={this.handleEvent}>
+                <div className={'contextMenu-item' + (this._props.selected ? ' contextMenu-itemSelected' : '')} onPointerDown={this.handleEvent} >
                     {this._props.icon ? <span className="contextMenu-item-icon-background">{this.isJSXElement(this._props.icon) ? this._props.icon : <FontAwesomeIcon icon={this._props.icon} size="sm" />}</span> : null}
                     <div className="contextMenu-description">{this._props.description.replace(':', '')}</div>
                     <div