From 9a5c0b8ec57e41eeda3592d9a45ab00907a7a313 Mon Sep 17 00:00:00 2001 From: Chris Villa Date: Wed, 28 Feb 2024 21:45:30 +0100 Subject: [PATCH] fix: lower opacity of DropZone background to support dark backgrounds --- packages/core/components/DropZone/styles.module.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/core/components/DropZone/styles.module.css b/packages/core/components/DropZone/styles.module.css index 89f06ec6aa..898eaf1b51 100644 --- 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); }