From 61c75f2a83adb0767890d753c0f3ee1be6a0f3ab Mon Sep 17 00:00:00 2001
From: "Lu[ke] Wilson" <l2wilson94@gmail.com>
Date: Tue, 19 Mar 2024 14:13:22 +0000
Subject: [PATCH] disgusting real

---
 packages/editor/editor.css                    | 38 ++++++++++++-------
 .../src/lib/shapes/note/NoteShapeUtil.tsx     |  2 +-
 2 files changed, 25 insertions(+), 15 deletions(-)

diff --git a/packages/editor/editor.css b/packages/editor/editor.css
index 362799e4e..40ebfe956 100644
--- a/packages/editor/editor.css
+++ b/packages/editor/editor.css
@@ -1195,27 +1195,37 @@ input,
 	position: relative;
 	width: 100%;
 	height: 100%;
-	box-shadow: var(--shadow-1);
+	/* box-shadow: var(--shadow-1); */
 }
 
 .tl-note__container:before,
 .tl-note__container:after {
-  z-index: -1;
-  position: absolute;
-  content: '';
-  bottom: 15px;
-  left: 10px;
-  width: calc(50% - 10px);
-  top: 80%;
-  background: #777;
-  box-shadow: 0 15px 10px #777;
-  transform: rotate(-3deg);
+	z-index: -1;
+	position: absolute;
+	content: '';
+	bottom: 15px;
+	left: 10px;
+	width: calc(50% - 10px);
+	top: 80%;
+	/* background: #777; */
+	/* box-shadow: 0 15px 10px #777; */
+	transform: rotate(-3deg);
 }
 
 .tl-note__container:after {
-  transform: rotate(3deg);
-  right: 10px;
-  left: auto;
+	transform: rotate(3deg);
+	right: 10px;
+	left: auto;
+}
+
+.tl-note__scrim {
+	position: absolute;
+	z-index: 1;
+	inset: 0px;
+	height: 100%;
+	width: 100%;
+	background-color: var(--color-background);
+	opacity: 0.28;
 }
 
 .tl-note__container .tl-text-label {
diff --git a/packages/tldraw/src/lib/shapes/note/NoteShapeUtil.tsx b/packages/tldraw/src/lib/shapes/note/NoteShapeUtil.tsx
index 0e00961b5..b27180c19 100644
--- a/packages/tldraw/src/lib/shapes/note/NoteShapeUtil.tsx
+++ b/packages/tldraw/src/lib/shapes/note/NoteShapeUtil.tsx
@@ -94,7 +94,7 @@ export class NoteShapeUtil extends ShapeUtil<TLNoteShape> {
 							backgroundColor: theme[adjustedColor].solid,
 							boxShadow: getRotatedBoxShadow(pageRotation, {
 								offsetModifier: isDragging ? 3 : 1,
-								// spreadModifier: isDragging ? 3 : 1,
+								spreadModifier: isDragging ? 3 : 1,
 								blurModifier: isDragging ? 2 : 1,
 								// spreadModifier: 1.5,
 							}),