Dark Mode

Toggle dark mode by adding the cu-dark class to the uploader container. The component automatically adapts all colors to a dark theme. Use the button below to toggle between light and dark.

What you should see: the control following the dark palette, including the drop zone, thumbnails and progress bar. Contrast is maintained rather than simply inverted.

Drag & drop files here, or paste from clipboard

<!-- Add cu-dark class to enable dark mode -->
<div class="cu-dark">
 <core-upload asp-upload-url="/api/upload/upload"
 asp-multiple="true"
 asp-extensions=".jpg,.png,.gif,.pdf"
 asp-max-size="10MB"
 asp-drop-zone="true"
 asp-thumbnails="true">
 </core-upload>
</div>

<script>
// Toggle dark mode programmatically
document.getElementById('toggle-dark').addEventListener('click', function() {
 document.getElementById('dark-container').classList.toggle('cu-dark');
});
</script>