marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-09-26 10:49:57 +02:00
Code Issues Packages Projects Releases Wiki Activity

change background

Browse Source
This commit is contained in:
Ryan Di
2025-09-24 19:12:48 +10:00
parent 1bf169b4e9
commit 8e6682b1ae
2 changed files with 6 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/common/src/constants.ts
View File

@@ -539,7 +539,5 @@ export const DOUBLE_TAP_POSITION_THRESHOLD = 35;
// glass background for mobile action buttons // glass background for mobile action buttons
export const MOBILE_ACTION_BUTTON_BG = { export const MOBILE_ACTION_BUTTON_BG = {
background: "rgba(255, 255, 255, 0.1)", background: "var(--island-bg-color)",
backdropFilter: "blur(20px)",
WebkitBackdropFilter: "blur(20px)",
} as const; } as const;

10
packages/excalidraw/components/Actions.scss
View File

@@ -122,9 +122,7 @@
justify-content: center; justify-content: center;
transition: all 0.2s ease; transition: all 0.2s ease;
background: rgba(255, 255, 255, 0.1); background: var(--island-bg-color);
backdrop-filter: blur(20px);
-webkit-backdrop-filter: blur(20px);
svg { svg {
width: 1rem; width: 1rem;
@@ -168,8 +166,10 @@
.ToolIcon { .ToolIcon {
.ToolIcon__icon { .ToolIcon__icon {
width: 2.5rem; width: var(--mobile-action-button-size);
height: 2.5rem; height: var(--mobile-action-button-size);
background-color: var(--island-bg-color);
&:hover { &:hover {
background-color: transparent; background-color: transparent;