chore(editor): update default colors of shape (#9633)

Closes: [PD-2176](https://linear.app/affine-design/issue/PD-2176/edgeless-shape默认颜色调整)

* updates shape's text color to the `#000000ff` and custom button should be selected by default in color picker
* updates shape background default color palette to `medium`

<img width="727" alt="Screenshot 2025-01-13 at 11 07 14" src="https://github.com/user-attachments/assets/81962741-0dbc-4990-8eec-db5e48624305" />
<img width="444" alt="Screenshot 2025-01-13 at 11 07 09" src="https://github.com/user-attachments/assets/2d119e33-635e-4bd4-826f-e3094c8a3fa2" />

<img width="764" alt="Screenshot 2025-01-13 at 11 08 14" src="https://github.com/user-attachments/assets/09f5c778-0e25-4972-8529-8d8323c27594" />
This commit is contained in:
fundon
2025-01-13 10:19:58 +00:00
parent 810e656174
commit 7e5e6031e8
7 changed files with 23 additions and 35 deletions

View File

@@ -32,10 +32,7 @@
"e6t9tKz8Sy": {
"index": "a5",
"seed": 338503204,
"color": {
"dark": "#ffffff",
"light": "#000000"
},
"color": "#000000ff",
"fillColor": "#fffbd5",
"filled": true,
"fontFamily": "blocksuite:surface:Inter",
@@ -59,10 +56,7 @@
"F8qB_zDC5Q": {
"index": "a6",
"seed": 1896265661,
"color": {
"dark": "#ffffff",
"light": "#000000"
},
"color": "#000000ff",
"fillColor": "#fffbd5",
"filled": true,
"fontFamily": "blocksuite:surface:Inter",
@@ -86,10 +80,7 @@
"mPR44JBpcd": {
"index": "a7",
"seed": 2073974140,
"color": {
"dark": "#ffffff",
"light": "#000000"
},
"color": "#000000ff",
"fillColor": "#fffbd5",
"filled": true,
"fontFamily": "blocksuite:surface:Inter",
@@ -113,10 +104,7 @@
"cmtluc3FWR": {
"index": "a8",
"seed": 1457248130,
"color": {
"dark": "#ffffff",
"light": "#000000"
},
"color": "#000000ff",
"fillColor": "#fffbd5",
"filled": true,
"fontFamily": "blocksuite:surface:Inter",
@@ -140,10 +128,7 @@
"knt_TKvACR": {
"index": "a9",
"seed": 1896265661,
"color": {
"dark": "#ffffff",
"light": "#000000"
},
"color": "#000000ff",
"fillColor": "#fffbd5",
"filled": true,
"fontFamily": "blocksuite:surface:Inter",

View File

@@ -324,7 +324,7 @@ export const ShapeSettings = () => {
const handler = () => {
editorSetting.set(`shape:${currentShape}`, { color: value });
};
const isSelected = color === value;
const isSelected = isEqual(color, value);
return (
<MenuItem
key={key}