feat(editor): update edgeless color palette (#9243)

Closes: [BS-1475](https://linear.app/affine-design/issue/BS-1475/颜色主题更新) [BS-1803](https://linear.app/affine-design/issue/BS-1803/fill-color色板影响的yuan素) [BS-1804](https://linear.app/affine-design/issue/BS-1804/border-color色板影响的yuan素) [BS-1815](https://linear.app/affine-design/issue/BS-1815/连线文字配色略瞎)

### What's Changed

* refactor `EdgelessLineWidthPanel` component, the previous width is fixed and cannot be used in the new design
* refactor `EdgelessColorPanel` and `EdgelessColorButton` components, make them simple and reusable
* delete redundant `EdgelessOneRowColorPanel` component
* unity and update color palette, if the previously set color is not in the latest color palette, the custom color button will be selected

blocksuite/tests-legacy/attachment.spec.ts

@@ -144,7 +144,7 @@ test('can insert attachment from slash menu', async ({ page }) => {
     page,
     `
 <affine:note
-  prop:background="--affine-note-background-white"
+  prop:background="--affine-v2-edgeless-note-white"
   prop:displayMode="both"
   prop:edgeless={
     Object {
@@ -191,7 +191,7 @@ test('should undo/redo works for attachment', async ({ page }) => {
   await assertStoreMatchJSX(
     page,
     `  <affine:note
-  prop:background="--affine-note-background-white"
+  prop:background="--affine-v2-edgeless-note-white"
   prop:displayMode="both"
   prop:edgeless={
     Object {
@@ -229,7 +229,7 @@ test('should undo/redo works for attachment', async ({ page }) => {
     page,
     `
 <affine:note
-  prop:background="--affine-note-background-white"
+  prop:background="--affine-v2-edgeless-note-white"
   prop:displayMode="both"
   prop:edgeless={
     Object {
@@ -260,7 +260,7 @@ test('should undo/redo works for attachment', async ({ page }) => {
     page,
     `
 <affine:note
-  prop:background="--affine-note-background-white"
+  prop:background="--affine-v2-edgeless-note-white"
   prop:displayMode="both"
   prop:edgeless={
     Object {
@@ -348,7 +348,7 @@ test('should turn attachment to image works', async ({ page }) => {
     page,
     `
 <affine:note
-  prop:background="--affine-note-background-white"
+  prop:background="--affine-v2-edgeless-note-white"
   prop:displayMode="both"
   prop:edgeless={
     Object {
@@ -382,7 +382,7 @@ test('should turn attachment to image works', async ({ page }) => {
     page,
     `
 <affine:note
-  prop:background="--affine-note-background-white"
+  prop:background="--affine-v2-edgeless-note-white"
   prop:displayMode="both"
   prop:edgeless={
     Object {
@@ -431,7 +431,7 @@ test('should attachment can be deleted', async ({ page }) => {
     page,
     `
 <affine:note
-  prop:background="--affine-note-background-white"
+  prop:background="--affine-v2-edgeless-note-white"
   prop:displayMode="both"
   prop:edgeless={
     Object {
@@ -475,7 +475,7 @@ test.fixme(`support dragging attachment block directly`, async ({ page }) => {
   await assertStoreMatchJSX(
     page,
     `  <affine:note
-  prop:background="--affine-note-background-white"
+  prop:background="--affine-v2-edgeless-note-white"
   prop:displayMode="both"
   prop:edgeless={
     Object {
@@ -531,7 +531,7 @@ test.fixme(`support dragging attachment block directly`, async ({ page }) => {
     page,
     /*xml*/ `<affine:page>
   <affine:note
-    prop:background="--affine-note-background-white"
+    prop:background="--affine-v2-edgeless-note-white"
     prop:displayMode="both"
     prop:edgeless={
       Object {
@@ -589,7 +589,7 @@ test.fixme(`support dragging attachment block directly`, async ({ page }) => {
     page,
     /*xml*/ `<affine:page>
   <affine:note
-    prop:background="--affine-note-background-white"
+    prop:background="--affine-v2-edgeless-note-white"
     prop:displayMode="both"
     prop:edgeless={
       Object {

blocksuite/tests-legacy/clipboard/list.spec.ts

@@ -441,7 +441,7 @@ test(scoped`should copy and paste of database work`, async ({ page }) => {
     /*xml*/ `
 <affine:page>
   <affine:note
-    prop:background="--affine-note-background-white"
+    prop:background="--affine-v2-edgeless-note-white"
     prop:displayMode="both"
     prop:edgeless={
       Object {
@@ -491,7 +491,7 @@ test(scoped`should copy and paste of database work`, async ({ page }) => {
     /*xml*/ `
 <affine:page>
   <affine:note
-    prop:background="--affine-note-background-white"
+    prop:background="--affine-v2-edgeless-note-white"
     prop:displayMode="both"
     prop:edgeless={
       Object {
@@ -574,7 +574,7 @@ test(scoped`paste note block with background`, async ({ page }) => {
   await selectNoteInEdgeless(page, ids.noteId);
 
   await triggerComponentToolbarAction(page, 'changeNoteColor');
-  const color = '--affine-note-background-grey';
+  const color = '--affine-v2-edgeless-note-grey';
   await changeEdgelessNoteBackground(page, color);
   await assertEdgelessNoteBackground(page, ids.noteId, color);
 

blocksuite/tests-legacy/edgeless/auto-complete.spec.ts

@@ -1,4 +1,8 @@
-import { DEFAULT_NOTE_BACKGROUND_COLOR } from '@blocksuite/affine-model';
+import {
+  DEFAULT_NOTE_BACKGROUND_COLOR,
+  ShapeFillColor,
+  StrokeColor,
+} from '@blocksuite/affine-model';
 import { expect, type Page } from '@playwright/test';
 
 import { clickView, moveView } from '../utils/actions/click.js';
@@ -135,10 +139,10 @@ test.describe('auto-complete', () => {
       await createShapeElement(page, [0, 0], [100, 100], Shape.Square);
       await assertSelectedBound(page, [0, 0, 100, 100]);
       await triggerComponentToolbarAction(page, 'changeShapeStrokeColor');
-      const lineColor = '--affine-palette-line-red';
+      const lineColor = StrokeColor.Red;
       await changeShapeStrokeColor(page, lineColor);
       await triggerComponentToolbarAction(page, 'changeShapeFillColor');
-      const color = '--affine-palette-shape-green';
+      const color = ShapeFillColor.Green;
       await changeShapeFillColor(page, color);
       await dragBetweenViewCoords(page, [120, 50], [200, 0]);
 
@@ -184,7 +188,7 @@ test.describe('auto-complete', () => {
       await waitNextFrame(page);
 
       await triggerComponentToolbarAction(page, 'changeNoteColor');
-      const noteColor = '--affine-note-background-red';
+      const noteColor = '--affine-v2-edgeless-note-red';
       await changeEdgelessNoteBackground(page, noteColor);
 
       // move to arrow icon

blocksuite/tests-legacy/edgeless/brush.spec.ts

@@ -1,3 +1,4 @@
+import { StrokeColor } from '@blocksuite/affine-model';
 import { expect } from '@playwright/test';
 
 import {
@@ -79,7 +80,7 @@ test('add brush element with color', async ({ page }) => {
   await switchEditorMode(page);
 
   await setEdgelessTool(page, 'brush');
-  const color = '--affine-palette-line-blue';
+  const color = StrokeColor.Blue;
   await selectBrushColor(page, color);
 
   const start = { x: 100, y: 100 };
@@ -100,7 +101,7 @@ test('keep same color when mouse mode switched back to brush', async ({
   await deleteAll(page);
 
   await setEdgelessTool(page, 'brush');
-  const color = '--affine-palette-line-blue';
+  const color = StrokeColor.Blue;
   await selectBrushColor(page, color);
   const start = { x: 200, y: 200 };
   const end = { x: 300, y: 300 };
@@ -123,7 +124,7 @@ test('add brush element with different size', async ({ page }) => {
 
   await setEdgelessTool(page, 'brush');
   await selectBrushSize(page, 'ten');
-  const color = '--affine-palette-line-blue';
+  const color = StrokeColor.Blue;
   await selectBrushColor(page, color);
 
   const start = { x: 100, y: 100 };
@@ -144,8 +145,8 @@ test('add brush element with different size', async ({ page }) => {
 
   await assertEdgelessColorSameWithHexColor(page, color, topEdge);
   await assertEdgelessColorSameWithHexColor(page, color, bottomEdge);
-  assertSameColor(nearTopEdge, '#4f90ff');
-  assertSameColor(nearBottomEdge, '#4f90ff');
+  assertSameColor(nearTopEdge, '#84cfff');
+  assertSameColor(nearBottomEdge, '#84cfff');
 });
 
 test('change brush element size by component-toolbar', async ({ page }) => {

blocksuite/tests-legacy/edgeless/color-picker.spec.ts

@@ -25,12 +25,12 @@ function getColorPickerButtonWithClass(page: Page, classes: string) {
 }
 
 function getCurrentColorUnitButton(locator: Locator) {
-  return locator.locator('edgeless-color-button').locator('.color-unit');
+  return locator.locator('edgeless-color-button').locator('.color-unit').nth(0);
 }
 
 function getCurrentColor(locator: Locator) {
   return locator.evaluate(ele =>
-    getComputedStyle(ele).getPropertyValue('background-color')
+    getComputedStyle(ele.querySelector('svg')!).getPropertyValue('fill')
   );
 }
 
@@ -116,7 +116,7 @@ test.describe('basic functions', () => {
     const currentColorUnit = getCurrentColorUnitButton(fillColorButton);
 
     const value = await getCurrentColor(currentColorUnit);
-    await expect(currentColorUnit).toHaveCSS('background-color', value);
+    await expect(currentColorUnit.locator('svg')).toHaveCSS('fill', value);
 
     const customButton = getCustomButton(fillColorButton);
 

blocksuite/tests-legacy/edgeless/connector/connector.spec.ts

@@ -1,3 +1,4 @@
+import { StrokeColor } from '@blocksuite/affine-model';
 import { expect } from '@playwright/test';
 
 import {
@@ -148,7 +149,7 @@ test('change connector line width', async ({ page }) => {
 
   await page.mouse.click(start.x + 5, start.y);
   await triggerComponentToolbarAction(page, 'changeConnectorStrokeColor');
-  await changeConnectorStrokeColor(page, '--affine-palette-line-teal');
+  await changeConnectorStrokeColor(page, StrokeColor.Grey);
 
   await triggerComponentToolbarAction(page, 'changeConnectorStrokeStyles');
   await changeConnectorStrokeWidth(page, 5);
@@ -173,7 +174,7 @@ test('change connector stroke style', async ({ page }) => {
 
   await page.mouse.click(start.x + 5, start.y);
   await triggerComponentToolbarAction(page, 'changeConnectorStrokeColor');
-  await changeConnectorStrokeColor(page, '--affine-palette-line-teal');
+  await changeConnectorStrokeColor(page, StrokeColor.Grey);
 
   await triggerComponentToolbarAction(page, 'changeConnectorStrokeStyles');
   await changeConnectorStrokeStyle(page, 'dash');

blocksuite/tests-legacy/edgeless/note/note.spec.ts

@@ -304,12 +304,12 @@ test('change note color', async ({ page }) => {
   await assertEdgelessNoteBackground(
     page,
     noteId,
-    '--affine-note-background-white'
+    '--affine-v2-edgeless-note-white'
   );
 
   await selectNoteInEdgeless(page, noteId);
   await triggerComponentToolbarAction(page, 'changeNoteColor');
-  const color = '--affine-note-background-green';
+  const color = '--affine-v2-edgeless-note-green';
   await changeEdgelessNoteBackground(page, color);
   await assertEdgelessNoteBackground(page, noteId, color);
 });

blocksuite/tests-legacy/edgeless/shape.spec.ts

@@ -1,3 +1,4 @@
+import { ShapeFillColor, StrokeColor } from '@blocksuite/affine-model';
 import { expect, type Page } from '@playwright/test';
 
 import {
@@ -167,7 +168,7 @@ test.skip('change shape fill color', async ({ page }) => {
 
   await page.mouse.click(rect.start.x + 5, rect.start.y + 5);
   await triggerComponentToolbarAction(page, 'changeShapeFillColor');
-  const color = '--affine-palette-shape-teal';
+  const color = ShapeFillColor.Grey;
   await changeShapeFillColor(page, color);
   await page.waitForTimeout(50);
   const [picked] = await pickColorAtPoints(page, [
@@ -190,7 +191,7 @@ test('change shape stroke color', async ({ page }) => {
 
   await page.mouse.click(rect.start.x + 5, rect.start.y + 5);
   await triggerComponentToolbarAction(page, 'changeShapeStrokeColor');
-  const color = '--affine-palette-line-teal';
+  const color = StrokeColor.Grey;
   await changeShapeStrokeColor(page, color);
   await page.waitForTimeout(50);
   const [picked] = await pickColorAtPoints(page, [
@@ -338,7 +339,7 @@ test('change shape stroke width', async ({ page }) => {
 
   await page.mouse.click(start.x + 5, start.y + 5);
   await triggerComponentToolbarAction(page, 'changeShapeStrokeColor');
-  await changeShapeStrokeColor(page, '--affine-palette-line-teal');
+  await changeShapeStrokeColor(page, StrokeColor.Magenta);
 
   await triggerComponentToolbarAction(page, 'changeShapeStrokeStyles');
   await changeShapeStrokeWidth(page);
@@ -361,7 +362,7 @@ test('change shape stroke style', async ({ page }) => {
 
   await page.mouse.click(start.x + 5, start.y + 5);
   await triggerComponentToolbarAction(page, 'changeShapeStrokeColor');
-  await changeShapeStrokeColor(page, '--affine-palette-line-teal');
+  await changeShapeStrokeColor(page, StrokeColor.Blue);
 
   await triggerComponentToolbarAction(page, 'changeShapeStrokeStyles');
   await changeShapeStrokeStyle(page, 'dash');
@@ -548,7 +549,7 @@ test('change shape style', async ({ page }) => {
 
   await page.mouse.click(start.x + 5, start.y + 5);
   await triggerComponentToolbarAction(page, 'changeShapeStrokeColor');
-  const color = '--affine-palette-line-teal';
+  const color = StrokeColor.Purple;
   await changeShapeStrokeColor(page, color);
   await page.waitForTimeout(50);
   const [picked] = await pickColorAtPoints(page, [[start.x + 1, start.y + 1]]);

blocksuite/tests-legacy/link.spec.ts

@@ -476,7 +476,7 @@ test.skip('convert link to embed', async ({ page }) => {
     `
 <affine:page>
   <affine:note
-    prop:background="--affine-note-background-blue"
+    prop:background="--affine-v2-edgeless-note-white"
     prop:displayMode="both"
     prop:edgeless={
       Object {
@@ -493,7 +493,7 @@ test.skip('convert link to embed', async ({ page }) => {
     prop:lockedBySelf={false}
   >
     <affine:paragraph
-      prop:collapsed={false} 
+      prop:collapsed={false}
       prop:text="aaa"
       prop:type="text"
     />

blocksuite/tests-legacy/snapshots/basic.spec.ts/automatic-identify-url-text-final.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/basic.spec.ts/basic-test-default.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/bookmark.spec.ts/copy-bookmark-url-by-copy-button-final.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/bookmark.spec.ts/copy-url-to-create-bookmark-in-edgeless-mode-final.json

@@ -27,7 +27,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,234]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/bookmark.spec.ts/copy-url-to-create-bookmark-in-page-mode-final.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/bookmark.spec.ts/covert-bookmark-block-to-link-text-final.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/bookmark.spec.ts/create-bookmark-by-slash-menu-final.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/bookmark.spec.ts/embed-figma.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/bookmark.spec.ts/embed-youtube.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/bookmark.spec.ts/horizontal-figma.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/bookmark.spec.ts/horizontal-youtube.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-after-add-paragraph.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",
@@ -110,4 +110,4 @@
       ]
     }
   ]
-}
+}

blocksuite/tests-legacy/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-after-drag.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",
@@ -110,4 +110,4 @@
       ]
     }
   ]
-}
+}

blocksuite/tests-legacy/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",
@@ -53,4 +53,4 @@
       ]
     }
   ]
-}
+}

blocksuite/tests-legacy/snapshots/clipboard/clipboard.spec.ts/auto-identify-url-final.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/clipboard/list.spec.ts/cut-will-delete-all-content-and-copy-will-reappear-content-after-cut.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/clipboard/list.spec.ts/cut-will-delete-all-content-and-copy-will-reappear-content-after-paste.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/clipboard/list.spec.ts/should-keep-paragraph-block-s-type-when-pasting-at-the-start-of-empty-paragraph-block-except-type-text-after-paste-1.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/clipboard/list.spec.ts/should-keep-paragraph-block-s-type-when-pasting-at-the-start-of-empty-paragraph-block-except-type-text-after-paste-2.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/code/copy-paste.spec.ts/code-block-has-content-click-code-block-copy-menu-copy-whole-code-block-pasted.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/code/copy-paste.spec.ts/code-block-is-empty-click-code-block-copy-menu-copy-the-empty-code-block-pasted.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/code/crud.spec.ts/delete-code-block-in-more-menu-final.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/code/crud.spec.ts/duplicate-code-block-final.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/code/crud.spec.ts/format-text-in-code-block-format.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/code/crud.spec.ts/format-text-in-code-block-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/code/crud.spec.ts/format-text-in-code-block-link.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/code/crud.spec.ts/use-markdown-syntax-can-create-code-block-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/code/crud.spec.ts/use-markdown-syntax-can-create-code-block-markdown-syntax.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-3-4.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-3-9.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-4-3.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/drag.spec.ts/should-be-able-to-drag-drop-multiple-blocks-to-nested-block-finial.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",
@@ -183,4 +183,4 @@
       ]
     }
   ]
-}
+}

blocksuite/tests-legacy/snapshots/drag.spec.ts/should-be-able-to-drag-drop-multiple-blocks-to-nested-block-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",
@@ -183,4 +183,4 @@
       ]
     }
   ]
-}
+}

blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-add-linked-doc.json

@@ -28,7 +28,7 @@
             "xywh": "[-25,-25,88.75,50]",
             "index": "a1",
             "lockedBySelf": false,
-            "color": "--affine-palette-line-blue",
+            "color": "--affine-v2-edgeless-palette-medium-blueMedium",
             "fontFamily": "blocksuite:surface:Inter",
             "fontStyle": "normal",
             "fontWeight": "400",
@@ -74,7 +74,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-drag.json

@@ -28,7 +28,7 @@
             "xywh": "[-25,-25,497,154]",
             "index": "a1",
             "lockedBySelf": false,
-            "color": "--affine-palette-line-blue",
+            "color": "--affine-v2-edgeless-palette-medium-blueMedium",
             "fontFamily": "blocksuite:surface:Inter",
             "fontStyle": "normal",
             "fontWeight": "400",
@@ -65,7 +65,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-init.json

@@ -28,7 +28,7 @@
             "xywh": "[-25,-25,50,26]",
             "index": "a1",
             "lockedBySelf": false,
-            "color": "--affine-palette-line-blue",
+            "color": "--affine-v2-edgeless-palette-medium-blueMedium",
             "fontFamily": "blocksuite:surface:Inter",
             "fontStyle": "normal",
             "fontWeight": "400",
@@ -64,7 +64,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-link-to-card-min-width.json

@@ -28,7 +28,7 @@
             "xywh": "[-25,-25,452,154]",
             "index": "a1",
             "lockedBySelf": false,
-            "color": "--affine-palette-line-blue",
+            "color": "--affine-v2-edgeless-palette-medium-blueMedium",
             "fontFamily": "blocksuite:surface:Inter",
             "fontStyle": "normal",
             "fontWeight": "400",
@@ -65,7 +65,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-link-to-card.json

@@ -28,7 +28,7 @@
             "xywh": "[-25,-25,452,154]",
             "index": "a1",
             "lockedBySelf": false,
-            "color": "--affine-palette-line-blue",
+            "color": "--affine-v2-edgeless-palette-medium-blueMedium",
             "fontFamily": "blocksuite:surface:Inter",
             "fontStyle": "normal",
             "fontWeight": "400",
@@ -65,7 +65,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/press-backspace-at-the-start-of-first-line-when-edgeless-text-exist-finial.json

@@ -32,7 +32,7 @@
             "xywh": "[-25,-25,50,26]",
             "index": "a1",
             "lockedBySelf": false,
-            "color": "--affine-palette-line-blue",
+            "color": "--affine-v2-edgeless-palette-medium-blueMedium",
             "fontFamily": "blocksuite:surface:Inter",
             "fontStyle": "normal",
             "fontWeight": "400",
@@ -72,7 +72,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,48]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/press-backspace-at-the-start-of-first-line-when-edgeless-text-exist-note-empty.json

@@ -28,7 +28,7 @@
             "xywh": "[-25,-25,50,26]",
             "index": "a1",
             "lockedBySelf": false,
-            "color": "--affine-palette-line-blue",
+            "color": "--affine-v2-edgeless-palette-medium-blueMedium",
             "fontFamily": "blocksuite:surface:Inter",
             "fontStyle": "normal",
             "fontWeight": "400",
@@ -68,7 +68,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,48]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/press-backspace-at-the-start-of-first-line-when-edgeless-text-exist-note-not-empty.json

@@ -28,7 +28,7 @@
             "xywh": "[-25,-25,50,26]",
             "index": "a1",
             "lockedBySelf": false,
-            "color": "--affine-palette-line-blue",
+            "color": "--affine-v2-edgeless-palette-medium-blueMedium",
             "fontFamily": "blocksuite:surface:Inter",
             "fontStyle": "normal",
             "fontWeight": "400",
@@ -68,7 +68,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,48]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/create-linked-doc-from-block-selection-with-format-bar.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-default-color.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-select-all.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-bulleted.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-finial.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-finial.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-when-select-multiple-line-finial.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-when-select-multiple-line-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-link-text-finial.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-link-text-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-show-after-convert-to-code-block.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-with-block-selection-works-when-update-block-type-final.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-with-block-selection-works-when-update-block-type-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-work-in-multiple-block-selection.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-work-in-single-block-selection.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/Enter-key-should-as-expected-after-setting-heading-by-shortkey.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-redo.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-undo.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-multiple-line-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-multiple-line-undo.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-single-line-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-single-line-undo.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-0.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-6.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-8.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-9.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-d.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-multiple-line-format-hotkey-work-finial.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-multiple-line-format-hotkey-work-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-single-line-format-hotkey-work-finial.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-single-line-format-hotkey-work-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold-ggg.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold-hhh.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "hidden": false,
         "displayMode": "both",

blocksuite/tests-legacy/snapshots/hotkey/bracket.spec.ts/should-bracket-complete-with-backtick-works-undo.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/hotkey/bracket.spec.ts/should-bracket-complete-with-backtick-works.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/Enter-key-should-as-expected-after-setting-heading-by-shortkey.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-cut-work-single-line-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-cut-work-single-line-undo.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-init.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-0.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-6.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,

blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-8.json

@@ -17,7 +17,7 @@
       "version": 1,
       "props": {
         "xywh": "[0,0,498,92]",
-        "background": "--affine-note-background-white",
+        "background": "--affine-v2-edgeless-note-white",
         "index": "a0",
         "lockedBySelf": false,
         "hidden": false,