Custom Colors

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.

Coral Theme

Drag & drop files here, or paste from clipboard

Teal Theme

Drag & drop files here, or paste from clipboard

.brand-coral {
  --cu-primary: #f97316;
  --cu-primary-hover: #ea580c;
  --cu-bg: #fff7ed;
  --cu-border-color: #fed7aa;
  --cu-progress-fill: #f97316;
}

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