From 1be710b82415b7b5b394dd664f115a3f46cf3b8b Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Tue, 2 Dec 2025 00:27:00 -0800
Subject: feat(index.html): Match file upload button to theme

---
 index.html | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/index.html b/index.html
index 0e8b1e8..89630aa 100644
--- a/index.html
+++ b/index.html
@@ -177,6 +177,48 @@
         color: var(--text-tertiary);
       }
 
+      /* File input button styling */
+      .input-field input[type="file"]::file-selector-button {
+        padding: var(--spacing-sm) var(--spacing-md);
+        margin-right: var(--spacing-md);
+        background: var(--accent);
+        border: none;
+        border-radius: var(--radius);
+        color: var(--text-primary);
+        font-size: 0.875rem;
+        font-weight: 500;
+        font-family: inherit;
+        cursor: pointer;
+        transition: all 0.2s ease;
+      }
+
+      .input-field input[type="file"]::file-selector-button:hover {
+        background: var(--accent-hover);
+      }
+
+      .input-field input[type="file"]::file-selector-button:active {
+        transform: scale(0.98);
+      }
+
+      /* Webkit browsers */
+      .input-field input[type="file"]::-webkit-file-upload-button {
+        padding: var(--spacing-sm) var(--spacing-md);
+        margin-right: var(--spacing-md);
+        background: var(--accent);
+        border: none;
+        border-radius: var(--radius);
+        color: var(--text-primary);
+        font-size: 0.875rem;
+        font-weight: 500;
+        font-family: inherit;
+        cursor: pointer;
+        transition: all 0.2s ease;
+      }
+
+      .input-field input[type="file"]::-webkit-file-upload-button:hover {
+        background: var(--accent-hover);
+      }
+
       /* Table Container */
       .table-container {
         background: var(--surface);
-- 
cgit v1.2.3