disgusting real

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;
+	z-index: -1;
-  position: absolute;
+	position: absolute;
-  content: '';
+	content: '';
-  bottom: 15px;
+	bottom: 15px;
-  left: 10px;
+	left: 10px;
-  width: calc(50% - 10px);
+	width: calc(50% - 10px);
-  top: 80%;
+	top: 80%;
-  background: #777;
+	/* background: #777; */
-  box-shadow: 0 15px 10px #777;
+	/* box-shadow: 0 15px 10px #777; */
-  transform: rotate(-3deg);
+	transform: rotate(-3deg);
 }
 
 .tl-note__container:after {
-  transform: rotate(3deg);
+	transform: rotate(3deg);
-  right: 10px;
+	right: 10px;
-  left: auto;
+	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 {

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,
 							}),