Custom Colors

Demo uploads land in a temporary store and are swept after 60 minutes. To keep files, handle FileUploaded — see Single File for the complete save pattern.

Custom Colors via CSS Variables

Override the built-in CSS variables to match your brand palette. Change the primary color, background, text, border, and status colors.

What you should see: the control recoloured through CSS variables - this page uses a coral accent. Change a variable and every part follows.

Coral Theme

Drag & drop files here, or paste from clipboard

Teal Theme

Drag & drop files here, or paste from clipboard

.brand-coral {
 --au-primary: #f97316;
 --au-primary-hover: #ea580c;
 --au-primary-light: #fff7ed;
}

<div class="brand-coral">
 <au:AjaxFileUpload ID="Uploader1" runat="server"
 ButtonText="Upload (Coral)"
 ShowProgress="true" />
</div>