From 6a66bf53a8e65d89dd0209b2583d35ff2908f832 Mon Sep 17 00:00:00 2001 From: fundon Date: Mon, 31 Mar 2025 09:11:26 +0000 Subject: [PATCH] fix(editor): adjust highlighter color (#11300) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Closes: [BS-2980](https://linear.app/affine-design/issue/BS-2980/highlighter透明度改为30percent) [BS-2979](https://linear.app/affine-design/issue/BS-2979/highlighter默认选择颜色为蓝色) --- .../affine/gfx/brush/src/toolbar/components/pen/pen-menu.ts | 2 +- .../affine/gfx/brush/src/toolbar/configs/highlighter.ts | 2 +- blocksuite/affine/model/src/themes/default.ts | 4 ++-- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/blocksuite/affine/gfx/brush/src/toolbar/components/pen/pen-menu.ts b/blocksuite/affine/gfx/brush/src/toolbar/components/pen/pen-menu.ts index bbd9ff4a9a..5bc6a922b8 100644 --- a/blocksuite/affine/gfx/brush/src/toolbar/components/pen/pen-menu.ts +++ b/blocksuite/affine/gfx/brush/src/toolbar/components/pen/pen-menu.ts @@ -73,7 +73,7 @@ export class EdgelessPenMenu extends EdgelessToolbarToolMixin( private readonly _onPickColor = (e: ColorEvent) => { let color = e.detail.value; if (this.pen$.peek() === 'highlighter') { - color = adjustColorAlpha(color, 0.5); + color = adjustColorAlpha(color, 0.3); } this.onChange({ color }); }; diff --git a/blocksuite/affine/gfx/brush/src/toolbar/configs/highlighter.ts b/blocksuite/affine/gfx/brush/src/toolbar/configs/highlighter.ts index 72581924bb..90ed0e21e5 100644 --- a/blocksuite/affine/gfx/brush/src/toolbar/configs/highlighter.ts +++ b/blocksuite/affine/gfx/brush/src/toolbar/configs/highlighter.ts @@ -90,7 +90,7 @@ export const highlighterToolbarConfig = { ); const onPick = (e: PickColorEvent) => { if (e.type === 'pick') { - const color = adjustColorAlpha(e.detail.value, 0.5); + const color = adjustColorAlpha(e.detail.value, 0.3); for (const model of models) { const props = packColor(field, color); ctx.std diff --git a/blocksuite/affine/model/src/themes/default.ts b/blocksuite/affine/model/src/themes/default.ts index b23a9109bc..4694928f8e 100644 --- a/blocksuite/affine/model/src/themes/default.ts +++ b/blocksuite/affine/model/src/themes/default.ts @@ -124,8 +124,8 @@ export const DefaultTheme: Theme = { shapeFillColor: Medium.Yellow, connectorColor: Medium.Grey, noteBackgrounColor: NoteBackgroundColorMap.White, - // 50% transparent `Default.black` - hightlighterColor: { dark: '#ffffff80', light: '#00000080' }, + // 30% transparent `Medium.Blue` + hightlighterColor: '#84cfff4d', Palettes, ShapeTextColorPalettes, NoteBackgroundColorMap,