diff --git a/CHANGELOG.md b/CHANGELOG.md index a9e5d1f03..7069b03b1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -15,6 +15,7 @@ and this project adheres to ### Changed - ♿️(frontend) use semantic `
` structure in document info card #2379 +- 💄(frontend) use the same highlight color for cells and moves #2575 ### Fixed diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx index e47ea82d4..caa8a91bb 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-editor/components/BlockNoteEditor.tsx @@ -196,6 +196,9 @@ export const BlockNoteEditor = ({ doc, provider }: BlockNoteEditorProps) => { }, showCursorLabels: showCursorLabels as 'always' | 'activity', }, + dropCursor: { + color: 'var(--c--contextuals--background--semantic--brand--tertiary)', + }, dictionary: { ...localesBN[langLocalesBN as keyof typeof localesBN], ...(localesBNMultiColumn && { diff --git a/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx b/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx index 858759854..5b2f775a2 100644 --- a/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx +++ b/src/frontend/apps/impress/src/features/docs/doc-editor/styles.tsx @@ -149,6 +149,19 @@ export const DocsEditorStyle = createGlobalStyle` color: var(--c--globals--colors--brand-700); } + /** + * Tables + */ + .ProseMirror .selectedCell:after { + background: var(--c--contextuals--background--semantic--brand--tertiary); + mix-blend-mode: multiply; + } + .bn-table-drop-cursor, .ProseMirror .column-resize-handle { + background-color: var( + --c--contextuals--background--semantic--brand--tertiary + ); + } + /** * Divider */