fix: lower opacity of DropZone background to support dark backgrounds

measuredco · Mar 22, 2024 · 9a5c0b8 · 9a5c0b8
1 parent 1d0bf57
commit 9a5c0b8
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/core/components/DropZone/styles.module.css b/packages/core/components/DropZone/styles.module.css
@@ -36,12 +36,12 @@
 .DropZone--hoveringOverArea:not(.DropZone--isDisabled):not(
     .DropZone--isRootZone
   ) {
-  background: var(--puck-color-azure-11);
+  background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent);
   outline: 2px dashed var(--puck-color-azure-08);
 }
 
 .DropZone:not(.DropZone--hasChildren) {
-  background: var(--puck-color-azure-11);
+  background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent);
   outline: 2px dashed var(--puck-color-azure-08);
 }