`;
@@ -409,6 +408,7 @@ export class EdgelessChangeTextMenu extends WithDisposable(LitElement) {
>
diff --git a/blocksuite/blocks/src/root-block/widgets/pie-menu/components/pie-node-content.ts b/blocksuite/blocks/src/root-block/widgets/pie-menu/components/pie-node-content.ts
index 70c04b00c400b..69e237712fa14 100644
--- a/blocksuite/blocks/src/root-block/widgets/pie-menu/components/pie-node-content.ts
+++ b/blocksuite/blocks/src/root-block/widgets/pie-menu/components/pie-node-content.ts
@@ -2,7 +2,6 @@ import { assertEquals } from '@blocksuite/global/utils';
import { css, html, LitElement, type PropertyValues } from 'lit';
import { property, query } from 'lit/decorators.js';
-import { ColorUnit } from '../../../edgeless/components/panel/color-panel.js';
import type { PieNode } from '../node.js';
import { isSubmenuNode } from '../utils.js';
@@ -45,7 +44,11 @@ export class PieNodeContent extends LitElement {
'IPieSubMenuNode.role with color-picker should have children of type color'
);
const { color, hollowCircle } = hoveredNode.model;
- return ColorUnit(color, { hollowCircle });
+ return html`
`;
}
const { label } = model;
diff --git a/blocksuite/blocks/src/root-block/widgets/pie-menu/config.ts b/blocksuite/blocks/src/root-block/widgets/pie-menu/config.ts
index b2c043bb83775..bd91ae5da3336 100644
--- a/blocksuite/blocks/src/root-block/widgets/pie-menu/config.ts
+++ b/blocksuite/blocks/src/root-block/widgets/pie-menu/config.ts
@@ -27,9 +27,9 @@ import {
ConnectorMode,
LINE_COLORS,
SHAPE_FILL_COLORS,
- SHAPE_STROKE_COLORS,
ShapeStyle,
ShapeType,
+ STROKE_COLORS,
} from '@blocksuite/affine-model';
import {
EditPropsStore,
@@ -330,7 +330,7 @@ pie.colorPicker({
});
updateShapeOverlay(rootComponent);
},
- colors: SHAPE_STROKE_COLORS.map(color => ({ color, name: 'Color' })),
+ colors: STROKE_COLORS.map(color => ({ color, name: 'Color' })),
});
pie.endSubmenu();
diff --git a/blocksuite/blocks/src/root-block/widgets/pie-menu/pie-builder.ts b/blocksuite/blocks/src/root-block/widgets/pie-menu/pie-builder.ts
index 8d4246ea739a8..014538635e28b 100644
--- a/blocksuite/blocks/src/root-block/widgets/pie-menu/pie-builder.ts
+++ b/blocksuite/blocks/src/root-block/widgets/pie-menu/pie-builder.ts
@@ -1,6 +1,6 @@
import { assertExists } from '@blocksuite/global/utils';
+import { html } from 'lit';
-import { ColorUnit } from '../../edgeless/components/panel/color-panel.js';
import type {
ActionFunction,
PieColorNodeModel,
@@ -117,7 +117,11 @@ export class PieMenuBuilder {
const icon = (ctx: PieMenuContext) => {
const color = props.active(ctx);
- return ColorUnit(color, { hollowCircle: hollow });
+ return html`
`;
};
const colorPickerNode: PieSubmenuNodeModel = {
@@ -127,7 +131,12 @@ export class PieMenuBuilder {
role: 'color-picker',
openOnHover: props.openOnHover ?? true,
children: props.colors.map(({ color }) => ({
- icon: () => ColorUnit(color, { hollowCircle: hollow }),
+ icon: () =>
+ html`
`,
type: 'color',
hollowCircle: hollow,
label: color,
diff --git a/blocksuite/presets/package.json b/blocksuite/presets/package.json
index e833132b11798..bd0d4b6dbff02 100644
--- a/blocksuite/presets/package.json
+++ b/blocksuite/presets/package.json
@@ -23,7 +23,7 @@
"@floating-ui/dom": "^1.6.10",
"@lottiefiles/dotlottie-wc": "^0.4.0",
"@preact/signals-core": "^1.8.0",
- "@toeverything/theme": "^1.1.1",
+ "@toeverything/theme": "^1.1.2",
"lit": "^3.2.0",
"zod": "^3.23.8"
},
diff --git a/blocksuite/presets/src/__tests__/edgeless/last-props.spec.ts b/blocksuite/presets/src/__tests__/edgeless/last-props.spec.ts
index cabf771adc35b..5f2f4c891da65 100644
--- a/blocksuite/presets/src/__tests__/edgeless/last-props.spec.ts
+++ b/blocksuite/presets/src/__tests__/edgeless/last-props.spec.ts
@@ -13,7 +13,6 @@ import {
type FrameBlockModel,
getSurfaceBlock,
LayoutType,
- LineColor,
type MindmapElementModel,
MindmapStyle,
NoteBackgroundColor,
@@ -22,6 +21,7 @@ import {
type ShapeElementModel,
ShapeFillColor,
ShapeType,
+ StrokeColor,
type TextElementModel,
} from '@blocksuite/blocks';
import { beforeEach, describe, expect, test } from 'vitest';
@@ -112,7 +112,7 @@ describe('apply last props', () => {
test('connector', () => {
const id = service.addElement('connector', { mode: 0 });
const connector = service.getElementById(id) as ConnectorElementModel;
- expect(connector.stroke).toBe(LineColor.Grey);
+ expect(connector.stroke).toBe(StrokeColor.Grey);
expect(connector.strokeWidth).toBe(2);
expect(connector.strokeStyle).toBe('solid');
expect(connector.frontEndpointStyle).toBe('None');
@@ -124,7 +124,7 @@ describe('apply last props', () => {
expect(connector2.strokeWidth).toBe(10);
service.updateElement(id2, {
labelStyle: {
- color: LineColor.Magenta,
+ color: StrokeColor.Magenta,
fontFamily: FontFamily.Kalam,
},
});
@@ -132,17 +132,14 @@ describe('apply last props', () => {
const id3 = service.addElement('connector', { mode: 1 });
const connector3 = service.getElementById(id3) as ConnectorElementModel;
expect(connector3.strokeWidth).toBe(10);
- expect(connector3.labelStyle.color).toBe(LineColor.Magenta);
+ expect(connector3.labelStyle.color).toBe(StrokeColor.Magenta);
expect(connector3.labelStyle.fontFamily).toBe(FontFamily.Kalam);
});
test('brush', () => {
const id = service.addElement('brush', {});
const brush = service.getElementById(id) as BrushElementModel;
- expect(brush.color).toEqual({
- dark: LineColor.White,
- light: LineColor.Black,
- });
+ expect(brush.color).toEqual(StrokeColor.Black);
expect(brush.lineWidth).toBe(4);
service.updateElement(id, { lineWidth: 10 });
const secondBrush = service.getElementById(
@@ -185,13 +182,13 @@ describe('apply last props', () => {
expect(text.color).toBe(DEFAULT_TEXT_COLOR);
expect(text.fontFamily).toBe(FontFamily.Inter);
service.updateElement(id, {
- color: LineColor.Green,
+ color: StrokeColor.Green,
fontFamily: FontFamily.OrelegaOne,
});
const id2 = service.addBlock('affine:edgeless-text', {}, surface!.id);
const text2 = service.getElementById(id2) as EdgelessTextBlockModel;
- expect(text2.color).toBe(LineColor.Green);
+ expect(text2.color).toBe(StrokeColor.Green);
expect(text2.fontFamily).toBe(FontFamily.OrelegaOne);
});
@@ -219,7 +216,7 @@ describe('apply last props', () => {
const surface = getSurfaceBlock(doc);
const id = service.addBlock('affine:frame', {}, surface!.id);
const note = service.getElementById(id) as FrameBlockModel;
- expect(note.background).toBe('--affine-palette-transparent');
+ expect(note.background).toBe('transparent');
service.updateElement(id, {
background: FrameBackgroundColor.Purple,
});
diff --git a/blocksuite/presets/src/__tests__/edgeless/surface-model.spec.ts b/blocksuite/presets/src/__tests__/edgeless/surface-model.spec.ts
index 6a9a94a967cf4..b3d0b1aefeb26 100644
--- a/blocksuite/presets/src/__tests__/edgeless/surface-model.spec.ts
+++ b/blocksuite/presets/src/__tests__/edgeless/surface-model.spec.ts
@@ -1,8 +1,9 @@
-import type {
- BrushElementModel,
- GroupElementModel,
- ShapeElementModel,
- SurfaceBlockModel,
+import {
+ type BrushElementModel,
+ type GroupElementModel,
+ type ShapeElementModel,
+ StrokeColor,
+ type SurfaceBlockModel,
} from '@blocksuite/blocks';
import { beforeEach, describe, expect, test, vi } from 'vitest';
@@ -71,7 +72,7 @@ describe('element model', () => {
const element = model.getElementById(id)! as ShapeElementModel;
expect(element.index).toBe('a0');
- expect(element.strokeColor).toBe('--affine-palette-line-yellow');
+ expect(element.strokeColor).toBe(StrokeColor.Yellow);
expect(element.strokeWidth).toBe(4);
});
@@ -93,9 +94,7 @@ describe('element model', () => {
const element = model.getElementById(id)! as ShapeElementModel;
- expect(element.yMap.get('strokeColor')).toBe(
- '--affine-palette-line-yellow'
- );
+ expect(element.yMap.get('strokeColor')).toBe(StrokeColor.Yellow);
element.strokeColor = '--affine-palette-line-black';
expect(element.yMap.get('strokeColor')).toBe('--affine-palette-line-black');
diff --git a/blocksuite/tests-legacy/attachment.spec.ts b/blocksuite/tests-legacy/attachment.spec.ts
index 9de5a4509a16f..74d3974901558 100644
--- a/blocksuite/tests-legacy/attachment.spec.ts
+++ b/blocksuite/tests-legacy/attachment.spec.ts
@@ -144,7 +144,7 @@ test('can insert attachment from slash menu', async ({ page }) => {
page,
`
{
await assertStoreMatchJSX(
page,
` {
page,
`
{
page,
`
{
page,
`
{
page,
`
{
page,
`
{
await assertStoreMatchJSX(
page,
` {
page,
/*xml*/ `
{
page,
/*xml*/ `
{
/*xml*/ `
{
/*xml*/ `
{
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);
diff --git a/blocksuite/tests-legacy/edgeless/auto-complete.spec.ts b/blocksuite/tests-legacy/edgeless/auto-complete.spec.ts
index 253cc60478a3f..b8776ffff7d6c 100644
--- a/blocksuite/tests-legacy/edgeless/auto-complete.spec.ts
+++ b/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
diff --git a/blocksuite/tests-legacy/edgeless/brush.spec.ts b/blocksuite/tests-legacy/edgeless/brush.spec.ts
index 893dc2a1ee5c0..54b395d6e21f7 100644
--- a/blocksuite/tests-legacy/edgeless/brush.spec.ts
+++ b/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 }) => {
diff --git a/blocksuite/tests-legacy/edgeless/color-picker.spec.ts b/blocksuite/tests-legacy/edgeless/color-picker.spec.ts
index 8e137be135c2f..6f9f2a53fc8f1 100644
--- a/blocksuite/tests-legacy/edgeless/color-picker.spec.ts
+++ b/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);
diff --git a/blocksuite/tests-legacy/edgeless/connector/connector.spec.ts b/blocksuite/tests-legacy/edgeless/connector/connector.spec.ts
index 049daee8fbcb1..38fbf3fa7d227 100644
--- a/blocksuite/tests-legacy/edgeless/connector/connector.spec.ts
+++ b/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');
diff --git a/blocksuite/tests-legacy/edgeless/note/note.spec.ts b/blocksuite/tests-legacy/edgeless/note/note.spec.ts
index fb5e422e93230..2a64bddd9a401 100644
--- a/blocksuite/tests-legacy/edgeless/note/note.spec.ts
+++ b/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);
});
diff --git a/blocksuite/tests-legacy/edgeless/shape.spec.ts b/blocksuite/tests-legacy/edgeless/shape.spec.ts
index 3af1f2bd5ba80..a4babb9fe6055 100644
--- a/blocksuite/tests-legacy/edgeless/shape.spec.ts
+++ b/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]]);
diff --git a/blocksuite/tests-legacy/link.spec.ts b/blocksuite/tests-legacy/link.spec.ts
index 568a3eb8aa7c1..a2e4c3dbdb3a6 100644
--- a/blocksuite/tests-legacy/link.spec.ts
+++ b/blocksuite/tests-legacy/link.spec.ts
@@ -476,7 +476,7 @@ test.skip('convert link to embed', async ({ page }) => {
`
{
prop:lockedBySelf={false}
>
diff --git a/blocksuite/tests-legacy/snapshots/basic.spec.ts/automatic-identify-url-text-final.json b/blocksuite/tests-legacy/snapshots/basic.spec.ts/automatic-identify-url-text-final.json
index 10d8e45e23e25..843eb81aa52f6 100644
--- a/blocksuite/tests-legacy/snapshots/basic.spec.ts/automatic-identify-url-text-final.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/basic.spec.ts/basic-test-default.json b/blocksuite/tests-legacy/snapshots/basic.spec.ts/basic-test-default.json
index d902db61ddad6..db5fa1b07dbc0 100644
--- a/blocksuite/tests-legacy/snapshots/basic.spec.ts/basic-test-default.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/copy-bookmark-url-by-copy-button-final.json b/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/copy-bookmark-url-by-copy-button-final.json
index b5c3f610836b1..491ed8236484e 100644
--- a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/copy-bookmark-url-by-copy-button-final.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/copy-url-to-create-bookmark-in-edgeless-mode-final.json b/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/copy-url-to-create-bookmark-in-edgeless-mode-final.json
index 972fa40850092..954961ef5651a 100644
--- a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/copy-url-to-create-bookmark-in-edgeless-mode-final.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/copy-url-to-create-bookmark-in-page-mode-final.json b/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/copy-url-to-create-bookmark-in-page-mode-final.json
index b90751b9e75af..f949b1b5596ab 100644
--- a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/copy-url-to-create-bookmark-in-page-mode-final.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/covert-bookmark-block-to-link-text-final.json b/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/covert-bookmark-block-to-link-text-final.json
index 0d09533b20a88..14142efb9d1e0 100644
--- a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/covert-bookmark-block-to-link-text-final.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/create-bookmark-by-slash-menu-final.json b/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/create-bookmark-by-slash-menu-final.json
index cba48a995627f..0dfcd5aa4f0c5 100644
--- a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/create-bookmark-by-slash-menu-final.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/embed-figma.json b/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/embed-figma.json
index a1cf2bc7e3462..e976f0683f4e5 100644
--- a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/embed-figma.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/embed-youtube.json b/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/embed-youtube.json
index fa4138915dd8c..50aa56ab8e9ac 100644
--- a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/embed-youtube.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/horizontal-figma.json b/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/horizontal-figma.json
index 9a3c75eb53015..d8e3252e69edd 100644
--- a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/horizontal-figma.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/horizontal-youtube.json b/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/horizontal-youtube.json
index f58738152c7b4..c28ac11214bb9 100644
--- a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/horizontal-youtube.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-after-add-paragraph.json b/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-after-add-paragraph.json
index a89a9ca431909..f36048f47895b 100644
--- a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-after-add-paragraph.json
+++ b/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 @@
]
}
]
-}
\ No newline at end of file
+}
diff --git a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-after-drag.json b/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-after-drag.json
index c9b458d4395a9..efa52affa8fa2 100644
--- a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-after-drag.json
+++ b/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 @@
]
}
]
-}
\ No newline at end of file
+}
diff --git a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-init.json b/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-init.json
index d2090527c2176..962a981684b2f 100644
--- a/blocksuite/tests-legacy/snapshots/bookmark.spec.ts/support-dragging-bookmark-block-directly-init.json
+++ b/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 @@
]
}
]
-}
\ No newline at end of file
+}
diff --git a/blocksuite/tests-legacy/snapshots/clipboard/clipboard.spec.ts/auto-identify-url-final.json b/blocksuite/tests-legacy/snapshots/clipboard/clipboard.spec.ts/auto-identify-url-final.json
index c9e9f94e83414..b1cc7f93d4277 100644
--- a/blocksuite/tests-legacy/snapshots/clipboard/clipboard.spec.ts/auto-identify-url-final.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/clipboard/list.spec.ts/cut-will-delete-all-content-and-copy-will-reappear-content-after-cut.json b/blocksuite/tests-legacy/snapshots/clipboard/list.spec.ts/cut-will-delete-all-content-and-copy-will-reappear-content-after-cut.json
index b4999d04e2bd6..f67273240fa85 100644
--- a/blocksuite/tests-legacy/snapshots/clipboard/list.spec.ts/cut-will-delete-all-content-and-copy-will-reappear-content-after-cut.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/clipboard/list.spec.ts/cut-will-delete-all-content-and-copy-will-reappear-content-after-paste.json b/blocksuite/tests-legacy/snapshots/clipboard/list.spec.ts/cut-will-delete-all-content-and-copy-will-reappear-content-after-paste.json
index 5adfa07699158..9bdfa2500d818 100644
--- a/blocksuite/tests-legacy/snapshots/clipboard/list.spec.ts/cut-will-delete-all-content-and-copy-will-reappear-content-after-paste.json
+++ b/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,
diff --git a/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 b/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
index e6f186417e971..ffb61bcbd884a 100644
--- a/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
+++ b/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,
diff --git a/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 b/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
index 3f8d89f149f21..b00a4548f5e21 100644
--- a/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
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/code/copy-paste.spec.ts/code-block-has-content-click-code-block-copy-menu-copy-whole-code-block-pasted.json b/blocksuite/tests-legacy/snapshots/code/copy-paste.spec.ts/code-block-has-content-click-code-block-copy-menu-copy-whole-code-block-pasted.json
index 2140c127eeb28..a4b4b4e23f722 100644
--- a/blocksuite/tests-legacy/snapshots/code/copy-paste.spec.ts/code-block-has-content-click-code-block-copy-menu-copy-whole-code-block-pasted.json
+++ b/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,
diff --git a/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 b/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
index 0ce43f6161599..5493ce26bb505 100644
--- a/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
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/delete-code-block-in-more-menu-final.json b/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/delete-code-block-in-more-menu-final.json
index 5db1d16b72d2a..e6bb65e4ad12e 100644
--- a/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/delete-code-block-in-more-menu-final.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/duplicate-code-block-final.json b/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/duplicate-code-block-final.json
index 6a79a3a76e98e..8fc72aee3f84a 100644
--- a/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/duplicate-code-block-final.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/format-text-in-code-block-format.json b/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/format-text-in-code-block-format.json
index 41b96fa369f8d..6810d47d080f4 100644
--- a/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/format-text-in-code-block-format.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/format-text-in-code-block-init.json b/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/format-text-in-code-block-init.json
index 63f501b5eafd9..8567aad2cd813 100644
--- a/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/format-text-in-code-block-init.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/format-text-in-code-block-link.json b/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/format-text-in-code-block-link.json
index e2a658224e5e7..ac561212a8833 100644
--- a/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/format-text-in-code-block-link.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/use-markdown-syntax-can-create-code-block-init.json b/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/use-markdown-syntax-can-create-code-block-init.json
index 5c6d65e23cd0d..a68276e76247e 100644
--- a/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/use-markdown-syntax-can-create-code-block-init.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/use-markdown-syntax-can-create-code-block-markdown-syntax.json b/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/use-markdown-syntax-can-create-code-block-markdown-syntax.json
index de7599d6d0817..cd6d7e3979415 100644
--- a/blocksuite/tests-legacy/snapshots/code/crud.spec.ts/use-markdown-syntax-can-create-code-block-markdown-syntax.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-3-4.json b/blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-3-4.json
index f05e973912a2e..9f5d272314d4e 100644
--- a/blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-3-4.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-3-9.json b/blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-3-9.json
index 8aa721ad61799..2d3183ea97f31 100644
--- a/blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-3-9.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-4-3.json b/blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-4-3.json
index 822a308be925b..c0350fedb1798 100644
--- a/blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-drag-4-3.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-init.json b/blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-init.json
index 51622ddeb6d78..fc05738484700 100644
--- a/blocksuite/tests-legacy/snapshots/drag.spec.ts/move-to-the-last-block-of-each-level-in-multi-level-nesting-init.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/drag.spec.ts/should-be-able-to-drag-drop-multiple-blocks-to-nested-block-finial.json b/blocksuite/tests-legacy/snapshots/drag.spec.ts/should-be-able-to-drag-drop-multiple-blocks-to-nested-block-finial.json
index faedc471497ba..3842295488eea 100644
--- a/blocksuite/tests-legacy/snapshots/drag.spec.ts/should-be-able-to-drag-drop-multiple-blocks-to-nested-block-finial.json
+++ b/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 @@
]
}
]
-}
\ No newline at end of file
+}
diff --git a/blocksuite/tests-legacy/snapshots/drag.spec.ts/should-be-able-to-drag-drop-multiple-blocks-to-nested-block-init.json b/blocksuite/tests-legacy/snapshots/drag.spec.ts/should-be-able-to-drag-drop-multiple-blocks-to-nested-block-init.json
index e04d86f006d36..4ea493a6ff77b 100644
--- a/blocksuite/tests-legacy/snapshots/drag.spec.ts/should-be-able-to-drag-drop-multiple-blocks-to-nested-block-init.json
+++ b/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 @@
]
}
]
-}
\ No newline at end of file
+}
diff --git a/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-add-linked-doc.json b/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-add-linked-doc.json
index 136df9a3faa74..966a1b6331fd6 100644
--- a/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-add-linked-doc.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-drag.json b/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-drag.json
index 26b0b16c696ed..a10d65aca7d49 100644
--- a/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-drag.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-init.json b/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-init.json
index 38bceda452dea..42634c6f70dc5 100644
--- a/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-init.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-link-to-card-min-width.json b/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-link-to-card-min-width.json
index ad9c08c538bc1..503563c1bd1d9 100644
--- a/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-link-to-card-min-width.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-link-to-card.json b/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-link-to-card.json
index 2915f2d3ea10c..0acdef494eabf 100644
--- a/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/min-width-limit-for-embed-block-link-to-card.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/press-backspace-at-the-start-of-first-line-when-edgeless-text-exist-finial.json b/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/press-backspace-at-the-start-of-first-line-when-edgeless-text-exist-finial.json
index 8696508b7b647..8b8f4df2b41ab 100644
--- a/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/press-backspace-at-the-start-of-first-line-when-edgeless-text-exist-finial.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/press-backspace-at-the-start-of-first-line-when-edgeless-text-exist-note-empty.json b/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/press-backspace-at-the-start-of-first-line-when-edgeless-text-exist-note-empty.json
index b42fa3f133c7b..fb22906247dd3 100644
--- a/blocksuite/tests-legacy/snapshots/edgeless/edgeless-text.spec.ts/press-backspace-at-the-start-of-first-line-when-edgeless-text-exist-note-empty.json
+++ b/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,
diff --git a/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 b/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
index f79cfb43bb51f..04a02e46b3126 100644
--- a/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
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/create-linked-doc-from-block-selection-with-format-bar.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/create-linked-doc-from-block-selection-with-format-bar.json
index f1f55038c6557..0520475600d2b 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/create-linked-doc-from-block-selection-with-format-bar.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-default-color.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-default-color.json
index 35d5c4f9fc1cf..616ba8f67824c 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-default-color.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-init.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-init.json
index 35d5c4f9fc1cf..616ba8f67824c 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-init.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-select-all.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-select-all.json
index 821396ae94742..b4685f071831e 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-background-color-select-all.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-bulleted.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-bulleted.json
index 3310a6113fe82..be8ee9e7ecc36 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-bulleted.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-finial.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-finial.json
index f7b8f9535280b..525e32c3ad6a4 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-finial.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-init.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-init.json
index b8e6d44b34fc5..a2718a1de4ebe 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-change-to-heading-paragraph-type-init.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-finial.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-finial.json
index 1ccc87a0d2d8a..e0293cab9dc82 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-finial.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-init.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-init.json
index ba6bf3c7bd7e4..d91e0e70caa1d 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-init.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-when-select-multiple-line-finial.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-when-select-multiple-line-finial.json
index aea12cd56eeb7..9d418c32e19e0 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-when-select-multiple-line-finial.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-when-select-multiple-line-init.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-when-select-multiple-line-init.json
index 359a657870028..d6339a2e7de56 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-format-text-when-select-multiple-line-init.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-link-text-finial.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-link-text-finial.json
index aea12cd56eeb7..9d418c32e19e0 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-link-text-finial.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-link-text-init.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-link-text-init.json
index 425e623f2c8fd..07fb24fbf81c6 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-be-able-to-link-text-init.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-show-after-convert-to-code-block.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-show-after-convert-to-code-block.json
index 37b954d36c422..c0eb5f8409f7f 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-show-after-convert-to-code-block.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-with-block-selection-works-when-update-block-type-final.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-with-block-selection-works-when-update-block-type-final.json
index e851e80ea9b07..a1cd97577f9b2 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-with-block-selection-works-when-update-block-type-final.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-with-block-selection-works-when-update-block-type-init.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-with-block-selection-works-when-update-block-type-init.json
index 48f1782b68acd..f18ab67ce257b 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-with-block-selection-works-when-update-block-type-init.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-work-in-multiple-block-selection.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-work-in-multiple-block-selection.json
index f76f2a7b7982b..ae698abc9cd34 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-work-in-multiple-block-selection.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-work-in-single-block-selection.json b/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-work-in-single-block-selection.json
index 4df164a74ee1b..6f61954663c0b 100644
--- a/blocksuite/tests-legacy/snapshots/format-bar.spec.ts/should-format-quick-bar-work-in-single-block-selection.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/Enter-key-should-as-expected-after-setting-heading-by-shortkey.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/Enter-key-should-as-expected-after-setting-heading-by-shortkey.json
index 749ef405126ed..35972683df26a 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/Enter-key-should-as-expected-after-setting-heading-by-shortkey.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-init.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-init.json
index 4a195bffe1d42..822fc5888bf40 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-init.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-redo.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-redo.json
index 4a195bffe1d42..822fc5888bf40 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-redo.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-undo.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-undo.json
index 4beb61dab0774..3f9cc69066614 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/multi-line-rich-text-inline-code-hotkey-undo.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-multiple-line-init.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-multiple-line-init.json
index dda4f654e2703..99ddf761e1082 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-multiple-line-init.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-multiple-line-undo.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-multiple-line-undo.json
index 4beb61dab0774..3f9cc69066614 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-multiple-line-undo.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-single-line-init.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-single-line-init.json
index 05e911d31610a..6b62ffa97f34b 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-single-line-init.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-single-line-undo.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-single-line-undo.json
index e284ca678aa42..f0c5d387b2ffa 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-cut-work-single-line-undo.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-init.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-init.json
index 54aa2945a06c2..96519b38dff02 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-init.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-0.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-0.json
index 2c33f911b5c88..71bc04e7f2905 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-0.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-6.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-6.json
index 9c632abfd1561..81fab9818e6f6 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-6.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-8.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-8.json
index 5c5730a0edcf1..1eed6e52b25bc 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-8.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-9.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-9.json
index 4493d992ed166..5da8d71e8173d 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-9.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-d.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-d.json
index 3c9888aedc3fc..384d96a3dc3ca 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-d.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-multiple-line-format-hotkey-work-finial.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-multiple-line-format-hotkey-work-finial.json
index 4beb61dab0774..3f9cc69066614 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-multiple-line-format-hotkey-work-finial.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-multiple-line-format-hotkey-work-init.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-multiple-line-format-hotkey-work-init.json
index c7bbeae253c58..9c7c225662dce 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-multiple-line-format-hotkey-work-init.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-single-line-format-hotkey-work-finial.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-single-line-format-hotkey-work-finial.json
index e284ca678aa42..f0c5d387b2ffa 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-single-line-format-hotkey-work-finial.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-single-line-format-hotkey-work-init.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-single-line-format-hotkey-work-init.json
index e387c5f0c9740..f34e1e8c54fe9 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/should-single-line-format-hotkey-work-init.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold-ggg.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold-ggg.json
index 8542cbc43b761..430b36675ffaa 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold-ggg.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold-hhh.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold-hhh.json
index 2a2f09ac41eb7..502c58805bf2b 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold-hhh.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold.json
index 46f310342b7bc..479e95d315331 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-init.json b/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-init.json
index 74969002ab4b7..250c4562a7c7b 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey.spec.ts/use-formatted-cursor-with-hotkey-init.json
+++ b/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",
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/bracket.spec.ts/should-bracket-complete-with-backtick-works-undo.json b/blocksuite/tests-legacy/snapshots/hotkey/bracket.spec.ts/should-bracket-complete-with-backtick-works-undo.json
index f92e305be2f55..1f11d49479796 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/bracket.spec.ts/should-bracket-complete-with-backtick-works-undo.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/bracket.spec.ts/should-bracket-complete-with-backtick-works.json b/blocksuite/tests-legacy/snapshots/hotkey/bracket.spec.ts/should-bracket-complete-with-backtick-works.json
index b5eaddaf55c83..e00f791a87298 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/bracket.spec.ts/should-bracket-complete-with-backtick-works.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/Enter-key-should-as-expected-after-setting-heading-by-shortkey.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/Enter-key-should-as-expected-after-setting-heading-by-shortkey.json
index 563a1e7594358..261054509bb06 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/Enter-key-should-as-expected-after-setting-heading-by-shortkey.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-cut-work-single-line-init.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-cut-work-single-line-init.json
index 75e9f991214e7..413815ce8e78f 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-cut-work-single-line-init.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-cut-work-single-line-undo.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-cut-work-single-line-undo.json
index d902db61ddad6..db5fa1b07dbc0 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-cut-work-single-line-undo.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-init.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-init.json
index a7c1e7d4fa741..9b7c0f23237a9 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-init.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-0.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-0.json
index 140fdef87eabb..985c6f997f3ec 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-0.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-6.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-6.json
index 022ec800e4fdb..1ec98311559f7 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-6.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-8.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-8.json
index d0e2cf4630396..58a72cdb6f03b 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-8.json
+++ b/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,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-9.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-9.json
index 51c03e53476bc..2c8067c47979f 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-9.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-d.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-d.json
index 1b737ee3633ed..50ed66f303413 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-hotkey-work-in-paragraph-press-d.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-single-line-format-hotkey-work-finial.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-single-line-format-hotkey-work-finial.json
index d902db61ddad6..db5fa1b07dbc0 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-single-line-format-hotkey-work-finial.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-single-line-format-hotkey-work-init.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-single-line-format-hotkey-work-init.json
index 55cbe3dea6ef2..025e5e36fa9ce 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/should-single-line-format-hotkey-work-init.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/type-character-jump-out-code-node-1.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/type-character-jump-out-code-node-1.json
index dc495e4bff729..5d479d7f75cca 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/type-character-jump-out-code-node-1.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/type-character-jump-out-code-node-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,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/type-character-jump-out-code-node-2.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/type-character-jump-out-code-node-2.json
index dffb438146b45..6e086175a000f 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/type-character-jump-out-code-node-2.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/type-character-jump-out-code-node-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,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-at-empty-line-bold.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-at-empty-line-bold.json
index 511d260c0a6c8..d0d2e5df3af59 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-at-empty-line-bold.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-at-empty-line-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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold-ggg.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold-ggg.json
index dff5aa5b70242..70be677283e2e 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold-ggg.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold-hhh.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold-hhh.json
index ea0483de0947e..88a3599ca65ff 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold-hhh.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold.json
index 9c38d0ce4bafa..26dbf6c0ede1b 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-bold.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-init.json b/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-init.json
index 5e58ca68db293..8e21859efc24d 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/hotkey.spec.ts/use-formatted-cursor-with-hotkey-init.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/multi-line-rich-text-inline-code-hotkey-init.json b/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/multi-line-rich-text-inline-code-hotkey-init.json
index 2174dc3229027..2cc3862cc90b9 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/multi-line-rich-text-inline-code-hotkey-init.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/multiline.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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/multi-line-rich-text-inline-code-hotkey-redo.json b/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/multi-line-rich-text-inline-code-hotkey-redo.json
index 2174dc3229027..2cc3862cc90b9 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/multi-line-rich-text-inline-code-hotkey-redo.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/multiline.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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/multi-line-rich-text-inline-code-hotkey-undo.json b/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/multi-line-rich-text-inline-code-hotkey-undo.json
index aea12cd56eeb7..9d418c32e19e0 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/multi-line-rich-text-inline-code-hotkey-undo.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/multiline.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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/should-cut-work-multiple-line-init.json b/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/should-cut-work-multiple-line-init.json
index 77f254be3688c..0443262e93658 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/should-cut-work-multiple-line-init.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/multiline.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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/should-cut-work-multiple-line-undo.json b/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/should-cut-work-multiple-line-undo.json
index aea12cd56eeb7..9d418c32e19e0 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/should-cut-work-multiple-line-undo.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/multiline.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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/should-multiple-line-format-hotkey-work-finial.json b/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/should-multiple-line-format-hotkey-work-finial.json
index aea12cd56eeb7..9d418c32e19e0 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/should-multiple-line-format-hotkey-work-finial.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/multiline.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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/should-multiple-line-format-hotkey-work-init.json b/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/should-multiple-line-format-hotkey-work-init.json
index 63cd6eff50854..c3a01cfcbc4b4 100644
--- a/blocksuite/tests-legacy/snapshots/hotkey/multiline.spec.ts/should-multiple-line-format-hotkey-work-init.json
+++ b/blocksuite/tests-legacy/snapshots/hotkey/multiline.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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-enter-finial.json b/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-enter-finial.json
index ff3339caeabb1..997c7660eb874 100644
--- a/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-enter-finial.json
+++ b/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-enter-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,
diff --git a/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-enter-init.json b/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-enter-init.json
index 5893152dc88eb..00e34ce8e8289 100644
--- a/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-enter-init.json
+++ b/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-enter-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,
diff --git a/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-space-finial.json b/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-space-finial.json
index ff3339caeabb1..997c7660eb874 100644
--- a/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-space-finial.json
+++ b/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-space-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,
diff --git a/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-space-init.json b/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-space-init.json
index 5893152dc88eb..00e34ce8e8289 100644
--- a/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-space-init.json
+++ b/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-markdown-shortcut-with-space-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,
diff --git a/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-slash-menu-finial.json b/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-slash-menu-finial.json
index 74e9e8fdc814c..7c68b8774028b 100644
--- a/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-slash-menu-finial.json
+++ b/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-slash-menu-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,
diff --git a/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-slash-menu-init.json b/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-slash-menu-init.json
index 5893152dc88eb..00e34ce8e8289 100644
--- a/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-slash-menu-init.json
+++ b/blocksuite/tests-legacy/snapshots/latex/block.spec.ts/add-latex-block-using-slash-menu-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,
diff --git a/blocksuite/tests-legacy/snapshots/link.spec.ts/basic-link.json b/blocksuite/tests-legacy/snapshots/link.spec.ts/basic-link.json
index d81b55acec365..ab46295359c8b 100644
--- a/blocksuite/tests-legacy/snapshots/link.spec.ts/basic-link.json
+++ b/blocksuite/tests-legacy/snapshots/link.spec.ts/basic-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,
diff --git a/blocksuite/tests-legacy/snapshots/link.spec.ts/convert-link-to-card.json b/blocksuite/tests-legacy/snapshots/link.spec.ts/convert-link-to-card.json
index dc269e572796c..004b5aa299d24 100644
--- a/blocksuite/tests-legacy/snapshots/link.spec.ts/convert-link-to-card.json
+++ b/blocksuite/tests-legacy/snapshots/link.spec.ts/convert-link-to-card.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,
diff --git a/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/can-create-linked-page-and-jump-final.json b/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/can-create-linked-page-and-jump-final.json
index 34fee791fbef7..a16b2aca2dd63 100644
--- a/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/can-create-linked-page-and-jump-final.json
+++ b/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/can-create-linked-page-and-jump-final.json
@@ -21,7 +21,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,
diff --git a/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/can-create-linked-page-and-jump-init.json b/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/can-create-linked-page-and-jump-init.json
index 34fee791fbef7..a16b2aca2dd63 100644
--- a/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/can-create-linked-page-and-jump-init.json
+++ b/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/can-create-linked-page-and-jump-init.json
@@ -21,7 +21,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,
diff --git a/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/duplicated-linked-page-should-paste-as-linked-page.json b/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/duplicated-linked-page-should-paste-as-linked-page.json
index 26669e0fa1601..517f677f887c5 100644
--- a/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/duplicated-linked-page-should-paste-as-linked-page.json
+++ b/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/duplicated-linked-page-should-paste-as-linked-page.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,
diff --git a/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/paste-linked-page-should-paste-as-linked-page.json b/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/paste-linked-page-should-paste-as-linked-page.json
index 9d6b2f6f5f4f5..5e1550d91158b 100644
--- a/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/paste-linked-page-should-paste-as-linked-page.json
+++ b/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/paste-linked-page-should-paste-as-linked-page.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,
diff --git a/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/should-create-and-switch-page-work-final.json b/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/should-create-and-switch-page-work-final.json
index d1f40cdb5d598..2cbb03a247e0f 100644
--- a/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/should-create-and-switch-page-work-final.json
+++ b/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/should-create-and-switch-page-work-final.json
@@ -21,7 +21,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,
diff --git a/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/should-create-and-switch-page-work-init.json b/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/should-create-and-switch-page-work-init.json
index d1f40cdb5d598..2cbb03a247e0f 100644
--- a/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/should-create-and-switch-page-work-init.json
+++ b/blocksuite/tests-legacy/snapshots/linked-page.spec.ts/should-create-and-switch-page-work-init.json
@@ -21,7 +21,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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/basic-indent-and-unindent-after-shift-tab.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/basic-indent-and-unindent-after-shift-tab.json
index d49a8a8d19904..8e1ea588cd43e 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/basic-indent-and-unindent-after-shift-tab.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/basic-indent-and-unindent-after-shift-tab.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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/basic-indent-and-unindent-after-tab.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/basic-indent-and-unindent-after-tab.json
index d9da2bbc00c76..147e963b6b203 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/basic-indent-and-unindent-after-tab.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/basic-indent-and-unindent-after-tab.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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/basic-indent-and-unindent-init.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/basic-indent-and-unindent-init.json
index d49a8a8d19904..8e1ea588cd43e 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/basic-indent-and-unindent-init.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/basic-indent-and-unindent-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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/can-expand-toggle-in-readonly-mode-before-readonly.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/can-expand-toggle-in-readonly-mode-before-readonly.json
index efa91ab5ddd92..c87227d587e1e 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/can-expand-toggle-in-readonly-mode-before-readonly.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/can-expand-toggle-in-readonly-mode-before-readonly.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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/click-toggle-icon-should-collapsed-list-init.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/click-toggle-icon-should-collapsed-list-init.json
index 5af9598dbc839..e549de1450dea 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/click-toggle-icon-should-collapsed-list-init.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/click-toggle-icon-should-collapsed-list-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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/click-toggle-icon-should-collapsed-list-toggle.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/click-toggle-icon-should-collapsed-list-toggle.json
index efa91ab5ddd92..c87227d587e1e 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/click-toggle-icon-should-collapsed-list-toggle.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/click-toggle-icon-should-collapsed-list-toggle.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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/convert-nested-paragraph-to-list-final.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/convert-nested-paragraph-to-list-final.json
index f50c6cb9de5cb..bf6873b2f0586 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/convert-nested-paragraph-to-list-final.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/convert-nested-paragraph-to-list-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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/convert-nested-paragraph-to-list-init.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/convert-nested-paragraph-to-list-init.json
index e1635548a5e61..e0bd753647cc1 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/convert-nested-paragraph-to-list-init.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/convert-nested-paragraph-to-list-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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-1.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-1.json
index 8eb1d2a5d8903..a375e41f56160 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-1.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-2.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-2.json
index fbcb1adb5d328..1d9a136687095 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-2.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-3.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-3.json
index 915995696c1f6..0cef7999ff1cc 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-3.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-4.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-4.json
index eb5985cb32e09..b0ccc738c9dfd 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-4.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-5.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-5.json
index 14784e2f8507f..af509bc4ec279 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-5.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-5.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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-init.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-init.json
index bd93841987cb3..081e1cb595cf0 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-text-init.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/enter-list-block-with-empty-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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/indent-item-should-expand-toggle-finial.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/indent-item-should-expand-toggle-finial.json
index e9082f36e0c4e..45152ecf1031b 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/indent-item-should-expand-toggle-finial.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/indent-item-should-expand-toggle-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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/indent-item-should-expand-toggle-init.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/indent-item-should-expand-toggle-init.json
index ea46f779f8a0e..7365882502181 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/indent-item-should-expand-toggle-init.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/indent-item-should-expand-toggle-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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/indent-item-should-expand-toggle-toggle.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/indent-item-should-expand-toggle-toggle.json
index ce1357e1463d0..8f74f180ba321 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/indent-item-should-expand-toggle-toggle.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/indent-item-should-expand-toggle-toggle.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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/nested-list-blocks-finial.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/nested-list-blocks-finial.json
index 5f33886e45df2..f88c587d872fc 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/nested-list-blocks-finial.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/nested-list-blocks-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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/nested-list-blocks-init.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/nested-list-blocks-init.json
index 7618c3e7ff3c0..86849c7df3f2f 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/nested-list-blocks-init.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/nested-list-blocks-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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/should-indent-todo-block-preserve-todo-status-final.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/should-indent-todo-block-preserve-todo-status-final.json
index b142b1320c3e5..8e8a5a5893de3 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/should-indent-todo-block-preserve-todo-status-final.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/should-indent-todo-block-preserve-todo-status-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,
diff --git a/blocksuite/tests-legacy/snapshots/list.spec.ts/should-indent-todo-block-preserve-todo-status-init.json b/blocksuite/tests-legacy/snapshots/list.spec.ts/should-indent-todo-block-preserve-todo-status-init.json
index 618e5372f49af..e6071616a0318 100644
--- a/blocksuite/tests-legacy/snapshots/list.spec.ts/should-indent-todo-block-preserve-todo-status-init.json
+++ b/blocksuite/tests-legacy/snapshots/list.spec.ts/should-indent-todo-block-preserve-todo-status-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/delete-empty-text-paragraph-block-should-keep-children-blocks-when-following-custom-blocks-final.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/delete-empty-text-paragraph-block-should-keep-children-blocks-when-following-custom-blocks-final.json
index 628adfe41ea0f..5877da225ae96 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/delete-empty-text-paragraph-block-should-keep-children-blocks-when-following-custom-blocks-final.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/delete-empty-text-paragraph-block-should-keep-children-blocks-when-following-custom-blocks-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/delete-empty-text-paragraph-block-should-keep-children-blocks-when-following-custom-blocks-init.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/delete-empty-text-paragraph-block-should-keep-children-blocks-when-following-custom-blocks-init.json
index 0487e165d1264..b6c73d2b19627 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/delete-empty-text-paragraph-block-should-keep-children-blocks-when-following-custom-blocks-init.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/delete-empty-text-paragraph-block-should-keep-children-blocks-when-following-custom-blocks-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-after-press-backspace-2.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-after-press-backspace-2.json
index 434bad82d698e..a90abced3d95d 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-after-press-backspace-2.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-after-press-backspace-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-after-press-backspace-3.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-after-press-backspace-3.json
index 62c225f682a87..44085016e50c7 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-after-press-backspace-3.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-after-press-backspace-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-after-press-backspace.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-after-press-backspace.json
index 934cea41964a2..92bc6b1cdb6db 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-after-press-backspace.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-after-press-backspace.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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-init.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-init.json
index 84bc634380ad4..803ebf485b0d1 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-init.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-indent-and-delete-in-line-start-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-with-child-block-should-work-at-enter-final.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-with-child-block-should-work-at-enter-final.json
index 9395797d11107..981898cd8ac16 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-with-child-block-should-work-at-enter-final.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-with-child-block-should-work-at-enter-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-with-child-block-should-work-at-enter-init.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-with-child-block-should-work-at-enter-init.json
index 06a75e586d5db..e30d709c89e86 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-with-child-block-should-work-at-enter-init.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/paragraph-with-child-block-should-work-at-enter-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-delete-paragraph-block-child-can-hold-cursor-in-correct-position-final.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-delete-paragraph-block-child-can-hold-cursor-in-correct-position-final.json
index 948323f6a742f..2a05668df0d0f 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-delete-paragraph-block-child-can-hold-cursor-in-correct-position-final.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-delete-paragraph-block-child-can-hold-cursor-in-correct-position-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-delete-paragraph-block-child-can-hold-cursor-in-correct-position-init.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-delete-paragraph-block-child-can-hold-cursor-in-correct-position-init.json
index 91aeefe9e9831..a01e9b6bcb6f4 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-delete-paragraph-block-child-can-hold-cursor-in-correct-position-init.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-delete-paragraph-block-child-can-hold-cursor-in-correct-position-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent-2.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent-2.json
index 6041eb9fae4f9..a19052cb46b1d 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent-2.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent-3.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent-3.json
index b1d0cd2303c4a..963047c6cbde6 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent-3.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent-4.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent-4.json
index 25e234e5713f9..49a0041ad4577 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent-4.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent.json
index 4a65ef72dfe6f..1f4480d3be116 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-indent.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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-init.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-init.json
index 1ea7265dc5540..02827ec6b7214 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-init.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-unindent-1.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-unindent-1.json
index 5dcfb3dfa854b..21581ffd7ce18 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-unindent-1.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-unindent-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-unindent-2.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-unindent-2.json
index f493fae0542c3..9f19aa62a1ca6 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-unindent-2.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-unindent-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,
diff --git a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-unindent-3.json b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-unindent-3.json
index 1ea7265dc5540..02827ec6b7214 100644
--- a/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-unindent-3.json
+++ b/blocksuite/tests-legacy/snapshots/paragraph.spec.ts/should-indent-and-unindent-works-with-children-unindent-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,
diff --git a/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/click-bottom-of-page-and-if-the-last-is-embed-block-editor-should-insert-a-new-editable-block.json b/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/click-bottom-of-page-and-if-the-last-is-embed-block-editor-should-insert-a-new-editable-block.json
index 4ea1706b5faba..f3cc9f20747fa 100644
--- a/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/click-bottom-of-page-and-if-the-last-is-embed-block-editor-should-insert-a-new-editable-block.json
+++ b/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/click-bottom-of-page-and-if-the-last-is-embed-block-editor-should-insert-a-new-editable-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,
diff --git a/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-indent-multi-selection-block.json b/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-indent-multi-selection-block.json
index f5b1715e1c0ed..6ae6b4f851b87 100644
--- a/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-indent-multi-selection-block.json
+++ b/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-indent-multi-selection-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,
diff --git a/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-not-draw-rect-for-sub-selected-blocks-when-entering-tab-key.json b/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-not-draw-rect-for-sub-selected-blocks-when-entering-tab-key.json
index f5b1715e1c0ed..6ae6b4f851b87 100644
--- a/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-not-draw-rect-for-sub-selected-blocks-when-entering-tab-key.json
+++ b/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-not-draw-rect-for-sub-selected-blocks-when-entering-tab-key.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,
diff --git a/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-unindent-multi-selection-block-final.json b/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-unindent-multi-selection-block-final.json
index aea12cd56eeb7..9d418c32e19e0 100644
--- a/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-unindent-multi-selection-block-final.json
+++ b/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-unindent-multi-selection-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,
diff --git a/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-unindent-multi-selection-block-init.json b/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-unindent-multi-selection-block-init.json
index f5b1715e1c0ed..6ae6b4f851b87 100644
--- a/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-unindent-multi-selection-block-init.json
+++ b/blocksuite/tests-legacy/snapshots/selection/block.spec.ts/should-unindent-multi-selection-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,
diff --git a/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/indent-native-multi-selection-block-after-shift-tab.json b/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/indent-native-multi-selection-block-after-shift-tab.json
index d210121ee41f0..fead36f8837e2 100644
--- a/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/indent-native-multi-selection-block-after-shift-tab.json
+++ b/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/indent-native-multi-selection-block-after-shift-tab.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,
diff --git a/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/indent-native-multi-selection-block-after-tab.json b/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/indent-native-multi-selection-block-after-tab.json
index 2a88fad730784..0b18904606545 100644
--- a/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/indent-native-multi-selection-block-after-tab.json
+++ b/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/indent-native-multi-selection-block-after-tab.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,
diff --git a/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-after-backspace.json b/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-after-backspace.json
index 294f40489cbeb..4c6eb301d04d0 100644
--- a/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-after-backspace.json
+++ b/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-after-backspace.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,
diff --git a/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-after-redo.json b/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-after-redo.json
index 294f40489cbeb..4c6eb301d04d0 100644
--- a/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-after-redo.json
+++ b/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-after-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",
"lockedBySelf": false,
"hidden": false,
diff --git a/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-after-undo.json b/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-after-undo.json
index 4a3b0c356986f..e7b49aa463739 100644
--- a/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-after-undo.json
+++ b/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-after-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,
diff --git a/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-init.json b/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-init.json
index 4a3b0c356986f..e7b49aa463739 100644
--- a/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-init.json
+++ b/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/native-range-delete-with-indent-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,
diff --git a/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/should-unindent-native-multi-selection-block-after-tab.json b/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/should-unindent-native-multi-selection-block-after-tab.json
new file mode 100644
index 0000000000000..79d96fb82cf1b
--- /dev/null
+++ b/blocksuite/tests-legacy/snapshots/selection/native.spec.ts/should-unindent-native-multi-selection-block-after-tab.json
@@ -0,0 +1,92 @@
+{
+ "type": "block",
+ "id": "0",
+ "flavour": "affine:page",
+ "version": 2,
+ "props": {
+ "title": {
+ "$blocksuite:internal:text$": true,
+ "delta": []
+ }
+ },
+ "children": [
+ {
+ "type": "block",
+ "id": "1",
+ "flavour": "affine:note",
+ "version": 1,
+ "props": {
+ "xywh": "[0,0,498,92]",
+ "background": "--affine-v2-edgeless-note-white",
+ "index": "a0",
+ "hidden": false,
+ "displayMode": "both",
+ "edgeless": {
+ "style": {
+ "borderRadius": 8,
+ "borderSize": 4,
+ "borderStyle": "none",
+ "shadowType": "--affine-note-shadow-box"
+ }
+ }
+ },
+ "children": [
+ {
+ "type": "block",
+ "id": "2",
+ "flavour": "affine:paragraph",
+ "version": 1,
+ "props": {
+ "type": "text",
+ "text": {
+ "$blocksuite:internal:text$": true,
+ "delta": [
+ {
+ "insert": "123"
+ }
+ ]
+ }
+ },
+ "children": [
+ {
+ "type": "block",
+ "id": "3",
+ "flavour": "affine:paragraph",
+ "version": 1,
+ "props": {
+ "type": "text",
+ "text": {
+ "$blocksuite:internal:text$": true,
+ "delta": [
+ {
+ "insert": "456"
+ }
+ ]
+ }
+ },
+ "children": []
+ },
+ {
+ "type": "block",
+ "id": "4",
+ "flavour": "affine:paragraph",
+ "version": 1,
+ "props": {
+ "type": "text",
+ "text": {
+ "$blocksuite:internal:text$": true,
+ "delta": [
+ {
+ "insert": "789"
+ }
+ ]
+ }
+ },
+ "children": []
+ }
+ ]
+ }
+ ]
+ }
+ ]
+}
\ No newline at end of file
diff --git a/blocksuite/tests-legacy/snapshots/slash-menu.spec.ts/delete-block-by-slash-menu-should-remove-children.json b/blocksuite/tests-legacy/snapshots/slash-menu.spec.ts/delete-block-by-slash-menu-should-remove-children.json
index 561a6677532a8..5ab9555f1550d 100644
--- a/blocksuite/tests-legacy/snapshots/slash-menu.spec.ts/delete-block-by-slash-menu-should-remove-children.json
+++ b/blocksuite/tests-legacy/snapshots/slash-menu.spec.ts/delete-block-by-slash-menu-should-remove-children.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,
diff --git a/blocksuite/tests-legacy/utils/actions/edgeless.ts b/blocksuite/tests-legacy/utils/actions/edgeless.ts
index 51a318a9550e5..ae55ae67f4b5c 100644
--- a/blocksuite/tests-legacy/utils/actions/edgeless.ts
+++ b/blocksuite/tests-legacy/utils/actions/edgeless.ts
@@ -1,6 +1,10 @@
import '../declare-test-window.js';
-import type { NoteBlockModel, NoteDisplayMode } from '@blocks/index.js';
+import {
+ type NoteBlockModel,
+ type NoteDisplayMode,
+ ShapeFillColor,
+} from '@blocks/index.js';
import type { IPoint, IVec } from '@blocksuite/global/utils';
import { assertExists, sleep } from '@blocksuite/global/utils';
import type { Locator, Page } from '@playwright/test';
@@ -646,9 +650,10 @@ export async function rotateElementByHandle(
}
export async function selectBrushColor(page: Page, color: string) {
- const colorButton = page.locator(
- `edgeless-brush-menu .color-unit[aria-label="${color.toLowerCase()}"]`
- );
+ const colorButton = page
+ .locator('edgeless-brush-menu')
+ .locator('edgeless-color-panel')
+ .locator(`.color-unit[aria-label="${color}"]`);
await colorButton.click();
}
@@ -1375,6 +1380,7 @@ export async function triggerComponentToolbarAction(
export async function changeEdgelessNoteBackground(page: Page, color: string) {
const colorButton = page
.locator('edgeless-change-note-button')
+ .locator('edgeless-color-panel')
.locator(`.color-unit[aria-label="${color}"]`);
await colorButton.click();
}
@@ -1410,6 +1416,7 @@ export async function changeShapeStrokeColor(page: Page, color: string) {
const colorButton = page
.locator('edgeless-change-shape-button')
.locator('edgeless-color-picker-button.border-style')
+ .locator('edgeless-color-panel')
.locator(`.color-unit[aria-label="${color}"]`);
await colorButton.click();
}
@@ -1535,7 +1542,7 @@ export async function initThreeOverlapFilledShapes(page: Page) {
await addBasicRectShapeElement(page, rect0.start, rect0.end);
await page.mouse.click(rect0.start.x + 5, rect0.start.y + 5);
await triggerComponentToolbarAction(page, 'changeShapeFillColor');
- await changeShapeFillColor(page, '--affine-palette-shape-teal');
+ await changeShapeFillColor(page, ShapeFillColor.Green);
const rect1 = {
start: { x: 130, y: 130 },
@@ -1544,7 +1551,7 @@ export async function initThreeOverlapFilledShapes(page: Page) {
await addBasicRectShapeElement(page, rect1.start, rect1.end);
await page.mouse.click(rect1.start.x + 5, rect1.start.y + 5);
await triggerComponentToolbarAction(page, 'changeShapeFillColor');
- await changeShapeFillColor(page, '--affine-palette-shape-black');
+ await changeShapeFillColor(page, ShapeFillColor.Black);
const rect2 = {
start: { x: 160, y: 160 },
@@ -1553,7 +1560,7 @@ export async function initThreeOverlapFilledShapes(page: Page) {
await addBasicRectShapeElement(page, rect2.start, rect2.end);
await page.mouse.click(rect2.start.x + 5, rect2.start.y + 5);
await triggerComponentToolbarAction(page, 'changeShapeFillColor');
- await changeShapeFillColor(page, '--affine-palette-shape-white');
+ await changeShapeFillColor(page, ShapeFillColor.White);
}
export async function initThreeOverlapNotes(page: Page, x = 130, y = 140) {
diff --git a/blocksuite/tests-legacy/utils/asserts.ts b/blocksuite/tests-legacy/utils/asserts.ts
index 225694c6977de..36af2db514e9c 100644
--- a/blocksuite/tests-legacy/utils/asserts.ts
+++ b/blocksuite/tests-legacy/utils/asserts.ts
@@ -7,6 +7,7 @@ import type {
RootBlockModel,
} from '@blocks/index.js';
import {
+ DEFAULT_NOTE_BACKGROUND_COLOR,
DEFAULT_NOTE_HEIGHT,
DEFAULT_NOTE_WIDTH,
} from '@blocksuite/affine-model';
@@ -112,7 +113,7 @@ export const defaultStore = {
'sys:children': ['2'],
'sys:version': 1,
'prop:xywh': `[0,0,${DEFAULT_NOTE_WIDTH}, ${DEFAULT_NOTE_HEIGHT}]`,
- 'prop:background': '--affine-note-background-white',
+ 'prop:background': DEFAULT_NOTE_BACKGROUND_COLOR,
'prop:index': 'a0',
'prop:hidden': false,
'prop:displayMode': 'both',
diff --git a/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/connector.tsx b/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/connector.tsx
index 6d71d0e19d584..0b54ceed6a4b1 100644
--- a/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/connector.tsx
+++ b/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/connector.tsx
@@ -14,9 +14,9 @@ import {
FontFamilyMap,
FontStyle,
FontWeightMap,
- LineColor,
- LineColorMap,
PointStyle,
+ StrokeColor,
+ StrokeColorMap,
StrokeStyle,
TextAlign,
} from '@blocksuite/affine/blocks';
@@ -152,12 +152,12 @@ export const ConnectorSettings = () => {
const currentColor = useMemo(() => {
const color = settings.connector.stroke;
- return getColorFromMap(color, LineColorMap);
+ return getColorFromMap(color, StrokeColorMap);
}, [getColorFromMap, settings.connector.stroke]);
const colorItems = useMemo(() => {
const { stroke } = settings.connector;
- return Object.entries(LineColor).map(([name, value]) => {
+ return Object.entries(StrokeColor).map(([name, value]) => {
const handler = () => {
editorSetting.set('connector', { stroke: value });
};
@@ -322,7 +322,7 @@ export const ConnectorSettings = () => {
const textColorItems = useMemo(() => {
const { color } = settings.connector.labelStyle;
- return Object.entries(LineColor).map(([name, value]) => {
+ return Object.entries(StrokeColor).map(([name, value]) => {
const handler = () => {
editorSetting.set('connector', {
labelStyle: {
@@ -346,7 +346,7 @@ export const ConnectorSettings = () => {
const textColor = useMemo(() => {
const { color } = settings.connector.labelStyle;
- return getColorFromMap(color, LineColorMap);
+ return getColorFromMap(color, StrokeColorMap);
}, [getColorFromMap, settings]);
const getElements = useCallback((doc: Doc) => {
diff --git a/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/pen.tsx b/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/pen.tsx
index c52244ebd3dfd..724ce045963e8 100644
--- a/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/pen.tsx
+++ b/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/pen.tsx
@@ -2,7 +2,7 @@ import { MenuItem, MenuTrigger, Slider } from '@affine/component';
import { SettingRow } from '@affine/component/setting-components';
import { EditorSettingService } from '@affine/core/modules/editor-setting';
import { useI18n } from '@affine/i18n';
-import { LineColor, LineColorMap } from '@blocksuite/affine/blocks';
+import { StrokeColor, StrokeColorMap } from '@blocksuite/affine/blocks';
import type { Doc } from '@blocksuite/affine/store';
import { useFramework, useLiveData } from '@toeverything/infra';
import { useCallback, useMemo } from 'react';
@@ -22,12 +22,12 @@ export const PenSettings = () => {
const getColorFromMap = useColor();
const currentColor = useMemo(() => {
- return getColorFromMap(settings.brush.color, LineColorMap);
+ return getColorFromMap(settings.brush.color, StrokeColorMap);
}, [getColorFromMap, settings.brush.color]);
const colorItems = useMemo(() => {
const { color } = settings.brush;
- return Object.entries(LineColor).map(([name, value]) => {
+ return Object.entries(StrokeColor).map(([name, value]) => {
const handler = () => {
editorSetting.set('brush', { color: value });
};
diff --git a/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/shape.tsx b/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/shape.tsx
index facfa98d7aa5a..ab5825cda85aa 100644
--- a/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/shape.tsx
+++ b/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/shape.tsx
@@ -21,11 +21,11 @@ import {
FontStyle,
FontWeightMap,
getShapeName,
- LineColor,
- LineColorMap,
ShapeFillColor,
ShapeStyle,
ShapeType,
+ StrokeColor,
+ StrokeColorMap,
StrokeStyle,
TextAlign,
} from '@blocksuite/affine/blocks';
@@ -226,7 +226,7 @@ export const ShapeSettings = () => {
const borderColorItems = useMemo(() => {
const { strokeColor } = settings[`shape:${currentShape}`];
- return Object.entries(LineColor).map(([name, value]) => {
+ return Object.entries(StrokeColor).map(([name, value]) => {
const handler = () => {
editorSetting.set(`shape:${currentShape}`, { strokeColor: value });
};
@@ -316,7 +316,7 @@ export const ShapeSettings = () => {
const textColorItems = useMemo(() => {
const { color } = settings[`shape:${currentShape}`];
- return Object.entries(LineColor).map(([name, value]) => {
+ return Object.entries(StrokeColor).map(([name, value]) => {
const handler = () => {
editorSetting.set(`shape:${currentShape}`, { color: value });
};
@@ -375,12 +375,12 @@ export const ShapeSettings = () => {
const borderColor = useMemo(() => {
const color = settings[`shape:${currentShape}`].strokeColor;
- return getColorFromMap(color, LineColorMap);
+ return getColorFromMap(color, StrokeColorMap);
}, [currentShape, getColorFromMap, settings]);
const textColor = useMemo(() => {
const color = settings[`shape:${currentShape}`].color;
- return getColorFromMap(color, LineColorMap);
+ return getColorFromMap(color, StrokeColorMap);
}, [currentShape, getColorFromMap, settings]);
const height = currentDoc === 'flow' ? 456 : 180;
diff --git a/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/text.tsx b/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/text.tsx
index bdf6ddd8c6999..2c77ac117c7ae 100644
--- a/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/text.tsx
+++ b/packages/frontend/core/src/desktop/dialogs/setting/general-setting/editor/edgeless/text.tsx
@@ -12,8 +12,8 @@ import {
FontFamilyMap,
FontStyle,
FontWeightMap,
- LineColor,
- LineColorMap,
+ StrokeColor,
+ StrokeColorMap,
TextAlign,
} from '@blocksuite/affine/blocks';
import type { Doc } from '@blocksuite/affine/store';
@@ -72,7 +72,7 @@ export const TextSettings = () => {
const colorItems = useMemo(() => {
const { color } = settings['affine:edgeless-text'];
- return Object.entries(LineColor).map(([name, value]) => {
+ return Object.entries(StrokeColor).map(([name, value]) => {
const handler = () => {
editorSetting.set('affine:edgeless-text', { color: value });
};
@@ -137,7 +137,7 @@ export const TextSettings = () => {
const currentColor = useMemo(() => {
const { color } = settings['affine:edgeless-text'];
- return getColorFromMap(color, LineColorMap);
+ return getColorFromMap(color, StrokeColorMap);
}, [getColorFromMap, settings]);
const getElements = useCallback((doc: Doc) => {
diff --git a/yarn.lock b/yarn.lock
index 08b98ec18ebed..1ee975519bf5e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3235,7 +3235,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
- "@toeverything/theme": "npm:^1.1.1"
+ "@toeverything/theme": "npm:^1.1.2"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
zod: "npm:^3.23.8"
@@ -3256,7 +3256,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
- "@toeverything/theme": "npm:^1.1.1"
+ "@toeverything/theme": "npm:^1.1.2"
"@types/mdast": "npm:^4.0.4"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
@@ -3278,7 +3278,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
- "@toeverything/theme": "npm:^1.1.1"
+ "@toeverything/theme": "npm:^1.1.2"
"@types/mdast": "npm:^4.0.4"
lit: "npm:^3.2.0"
minimatch: "npm:^10.0.1"
@@ -3299,7 +3299,7 @@ __metadata:
"@blocksuite/store": "workspace:*"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
- "@toeverything/theme": "npm:^1.1.1"
+ "@toeverything/theme": "npm:^1.1.2"
"@types/dompurify": "npm:^3.0.5"
"@types/lodash.chunk": "npm:^4.2.9"
fractional-indexing: "npm:^3.2.0"
@@ -3325,7 +3325,7 @@ __metadata:
"@lit/context": "npm:^1.1.2"
"@lottiefiles/dotlottie-wc": "npm:^0.4.0"
"@preact/signals-core": "npm:^1.8.0"
- "@toeverything/theme": "npm:^1.1.1"
+ "@toeverything/theme": "npm:^1.1.2"
"@types/katex": "npm:^0.16.7"
"@types/lodash.clonedeep": "npm:^4.5.9"
date-fns: "npm:^4.0.0"
@@ -3364,7 +3364,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
- "@toeverything/theme": "npm:^1.1.1"
+ "@toeverything/theme": "npm:^1.1.2"
"@types/hast": "npm:^3.0.4"
"@types/lodash.clonedeep": "npm:^4.5.9"
"@types/lodash.mergewith": "npm:^4"
@@ -3386,7 +3386,7 @@ __metadata:
"@blocksuite/block-std": "workspace:*"
"@blocksuite/global": "workspace:*"
"@preact/signals-core": "npm:^1.8.0"
- "@toeverything/theme": "npm:^1.1.1"
+ "@toeverything/theme": "npm:^1.1.2"
lit: "npm:^3.2.0"
languageName: unknown
linkType: soft
@@ -3447,7 +3447,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
- "@toeverything/theme": "npm:^1.1.1"
+ "@toeverything/theme": "npm:^1.1.2"
"@types/dompurify": "npm:^3.0.5"
"@types/hast": "npm:^3.0.4"
"@types/katex": "npm:^0.16.7"
@@ -3500,7 +3500,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lit/context": "npm:^1.1.2"
"@preact/signals-core": "npm:^1.8.0"
- "@toeverything/theme": "npm:^1.1.1"
+ "@toeverything/theme": "npm:^1.1.2"
date-fns: "npm:^4.0.0"
lit: "npm:^3.2.0"
zod: "npm:^3.23.8"
@@ -3615,7 +3615,7 @@ __metadata:
"@floating-ui/dom": "npm:^1.6.10"
"@lottiefiles/dotlottie-wc": "npm:^0.4.0"
"@preact/signals-core": "npm:^1.8.0"
- "@toeverything/theme": "npm:^1.1.1"
+ "@toeverything/theme": "npm:^1.1.2"
lit: "npm:^3.2.0"
zod: "npm:^3.23.8"
languageName: unknown
@@ -13920,7 +13920,7 @@ __metadata:
languageName: node
linkType: hard
-"@toeverything/theme@npm:^1.1.1, @toeverything/theme@npm:^1.1.2":
+"@toeverything/theme@npm:^1.1.2":
version: 1.1.2
resolution: "@toeverything/theme@npm:1.1.2"
checksum: 10/c1ae80acdc9c94acfc89f050b1cee88c7800b35db596a20f1b70d966da1293b43c3341d7bb233adfb728db3c6be7a475d06855438d3b18142d0b62b8eb9dfd4a