Skip to content

Commit

Permalink
fix: use solid background colors for drop indicators
Browse files Browse the repository at this point in the history
A fill opacity is already applied for any solid element.

Adding additional opacity on drop allowed (or disallowed) causes
quite some visual noise.
  • Loading branch information
nikku authored and fake-join[bot] committed Jan 28, 2021
1 parent 9788ae7 commit 8a0ef20
Showing 1 changed file with 5 additions and 5 deletions.
10 changes: 5 additions & 5 deletions assets/diagram-js.css
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@
--blue-lighten-82: #a2c5ff;

--red-base-62: #ff3d3d;
--red-base-62-opacity-10: rgba(255, 61, 61, 0.1);
--red-base-62-lighten-90: rgb(255, 235, 235);

--silver-darken-94: #efefef;

Expand Down Expand Up @@ -68,16 +68,16 @@
--search-result-selected-color: var(--blue-base-65-opacity-30);

--shape-attach-allowed-stroke-color: var(--blue-base-65);
--shape-connect-allowed-fill-color: var(--color-000000-opacity-05);
--shape-drop-allowed-fill-color: var(--color-000000-opacity-05);
--shape-drop-not-allowed-fill-color: var(--red-base-62-opacity-10);
--shape-connect-allowed-fill-color: var(--color-f6f6f6);
--shape-drop-allowed-fill-color: var(--color-f6f6f6);
--shape-drop-not-allowed-fill-color: var(--red-base-62-lighten-90);
--shape-resize-preview-stroke-color: var(--blue-base-65);

--snap-line-stroke-color: var(--blue-base-65-opacity-30);

--space-tool-crosshair-stroke-color: var(--color-000000);

--tooltip-error-background-color: var(--red-base-62-opacity-10);
--tooltip-error-background-color: var(--red-base-62-lighten-90);
--tooltip-error-border-color: var(--red-base-62);
--tooltip-error-color: var(--red-base-62);
}
Expand Down

0 comments on commit 8a0ef20

Please sign in to comment.