From 52ff50457d8b98eac2c363d4bf8050d66edbed43 Mon Sep 17 00:00:00 2001
From: Scott Idem <stidem@gmail.com>
Date: Thu, 12 Feb 2026 19:57:10 -0500
Subject: [PATCH] ui(hosted_files): update video util page for dark mode
 consistency

---
 src/routes/hosted_files/video_util/+page.svelte | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/routes/hosted_files/video_util/+page.svelte b/src/routes/hosted_files/video_util/+page.svelte
index 7ba6dcec..f47e69af 100644
--- a/src/routes/hosted_files/video_util/+page.svelte
+++ b/src/routes/hosted_files/video_util/+page.svelte
@@ -168,7 +168,7 @@
 
 <div class:hidden={$ae_sess.files.add_to_use_files_method != 'upload'}>
     <Comp_hosted_files_upload
-        class_li="border border-gray-300 rounded-md p-2 bg-gray-100 hover:bg-gray-200"
+        class_li="border border-surface-500/20 rounded-md p-2 preset-tonal-surface hover:preset-filled-surface-100-900 transition-colors"
         link_to_type="account"
         link_to_id={$ae_loc.account_id}
         bind:hosted_file_id_li={hosted_file_upload.hosted_file_id_li}
@@ -179,11 +179,11 @@
     >
         {#snippet label()}
             <span>
-                <div>
-                    <span class="fas fa-upload"></span>
-                    <strong class="bg-green-100 p-1">Upload video files</strong>
+                <div class="flex items-center gap-2 mb-1">
+                    <span class="fas fa-upload text-primary-500"></span>
+                    <strong class="preset-tonal-success px-3 py-1 rounded-full">Upload video files</strong>
                 </div>
-                <span class="text-sm text-gray-600 dark:text-gray-400 italic">
+                <span class="text-sm opacity-70 italic">
                     <strong>Aether hosted files only</strong><br />
                     Recommended: video (mp4, mkv)<br />
                 </span>