From 44c51ff7bfcfd6e015013d9508551cc143dcb6d5 Mon Sep 17 00:00:00 2001
From: risk-alt <aldu6974@gmail.com>
Date: Mon, 10 Aug 2026 13:07:49 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20use=20the=20same=20hig?=
 =?UTF-8?q?hlight=20color=20for=20cells=20and=20moves?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Blocknote highlights the selected table cells with #c8c8ff66 and draws
the drop cursor of a moved block with #ddeeff: two different colors,
both out of the palette.

Use --c--contextuals--background--semantic--brand--tertiary for both, and
for the drop indicator of a moved table row or column which was #adf.
The cell overlay is blended with multiply because it is drawn on top of
the cell content while the token is opaque.

Signed-off-by: risk-alt <aldu6974@gmail.com>
---
 CHANGELOG.md                                        |  1 +
 .../docs/doc-editor/components/BlockNoteEditor.tsx  |  3 +++
 .../impress/src/features/docs/doc-editor/styles.tsx | 13 +++++++++++++
 3 files changed, 17 insertions(+)

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 `<dl>` 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
     */