CSS Variables

Customize the uploader appearance using CSS custom properties. Override colors, border radius, spacing, and more without writing complex CSS selectors.

What you should see: the uploader restyled purely through CSS custom properties — no stylesheet overrides and no forked markup. Change a variable and every part of the control follows.

Accent Color

Background

Border Color

Drag & drop files here, or paste from clipboard

<style>
.custom-uploader {
 --cu-primary: #0891b2;        /* buttons, progress, focus, drop-zone hover */
 --cu-primary-hover: #0e7490;  /* button hover */
 --cu-primary-light: #ecfeff;  /* drop-zone hover fill */
 --cu-gray-50: #f8fafc;        /* drop-zone surface */
 --cu-gray-300: #cbd5e1;       /* drop-zone dashed border */
 --cu-border-radius: 0.75rem;  /* cards, drop zone */
 --cu-gray-700: #334155;       /* body text */
}
</style>

<div class="custom-uploader">
 <core-upload asp-upload-url="/api/upload/upload"
 asp-multiple="true"
 asp-drop-zone="true">
 </core-upload>
</div>