Drop zone styles — one class each
The drop panel is the most visible part of an uploader, and it rarely suits every page.
These are the built-in looks: add a single cu-dropzone--* class and the panel
restyles — no forked stylesheet, no custom markup. Each one still reads the same
--cu-* theme tokens, so a brand colour change flows through all of them.
default — dashed
--tile — card surface
--inset — recessed well
--ring — tinted ring
--gradient — brand wash
--bold — unmissable
--minimal — hairline only
--dark — for dark sections
--compact — slim bar, glyph beside the label
--banner — accent edge, sits above a form
Usage
<!-- Tag Helper: the class is kept and merged with the framework class -->
<upload-dropzone class="cu-dropzone--tile"
asp-upload-url="/api/upload/upload"
asp-multiple="true"></upload-dropzone>
// JavaScript: put the class on the container you pass to create()
<div id="zone" class="cu-dropzone--ring"></div>
CoreUpload.create('#zone', { dropZoneMode: true });Want something else entirely? Override
--cu-dropzone-glyph to swap the icon, or write your own rule against
.cu-dropzone — the variants are ordinary CSS, not a closed list.