TheCloud/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-09-16 00:13:29 -04:00
Code Issues Packages Projects Releases Wiki Activity

fix issue 9679

Browse Source
This commit is contained in:
Alan Huang 2025-07-29 05:27:06 +08:00
parent 37ad85cbaf
commit dda2d279cc
2 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/common/src/colors.ts
View File

@ -107,6 +107,14 @@ export const DEFAULT_ELEMENT_BACKGROUND_PICKS = [
] as ColorTuple;
// ORDER matters for positioning in quick picker
export const DEFAULT_CANVAS_BACKGROUND_PICKS_DARK = [
"#121212", // radix slate1
"#1e1e1e", // radix slate2
"#2c2c2c", // radix slate3
"#383838", // radix slate4
"#444444", // radix slate5
] as ColorTuple;
export const DEFAULT_CANVAS_BACKGROUND_PICKS = [
COLOR_PALETTE.white,
// radix slate2
@ -171,3 +179,4 @@ export const rgbToHex = (r: number, g: number, b: number) =>
`#${((1 << 24) + (r << 16) + (g << 8) + b).toString(16).slice(1)}`;
// -----------------------------------------------------------------------------

3
packages/excalidraw/actions/actionCanvas.tsx
View File

@ -2,6 +2,7 @@ import { clamp, roundToStep } from "@excalidraw/math";
import {
DEFAULT_CANVAS_BACKGROUND_PICKS,
DEFAULT_CANVAS_BACKGROUND_PICKS_DARK,
CURSOR_TYPE,
MAX_ZOOM,
MIN_ZOOM,
@ -74,7 +75,7 @@ export const actionChangeViewBackgroundColor = register({
return (
<ColorPicker
palette={null}
topPicks={DEFAULT_CANVAS_BACKGROUND_PICKS}
topPicks={appState.theme === THEME.DARK ? DEFAULT_CANVAS_BACKGROUND_PICKS_DARK : DEFAULT_CANVAS_BACKGROUND_PICKS}
label={t("labels.canvasBackground")}
type="canvasBackground"
color={appState.viewBackgroundColor}