Default Theme

<!-- No extra CSS needed - just use the default mu- classes -->
<div id="myUploader" class="mu-uploader">
 <button type="button" class="mu-select-btn">Select Files</button>
 <input type="file" class="mu-file-input" multiple style="display:none" />
 <div class="mu-dropzone"><div class="mu-dropzone-text">Drag &amp; drop files here</div></div>
 <div class="mu-preview-area"></div>
 <div class="mu-progress" style="display:none">...</div>
 <div class="mu-queue"></div>
</div>

// Default theme with no additional options
var uploader = new MultipleUpload(document.getElementById('myUploader'), {
 uploadUrl: '/api/upload'
});

What ships out of the box

The default appearance is deliberately plain: neutral colours, restrained spacing, and nothing that assumes a particular design system. It is meant to look unobtrusive in an application that has its own visual language rather than to be striking on its own.

Restyling is CSS, not configuration

Every element carries a stable class name, so theming is a stylesheet rather than a set of options — and it can therefore express anything CSS can. The two states worth preserving through any restyle are the drag-over highlight and the visual difference between a completed file and a failed one.