From f7c71361499626cd7171c0728cc29154c38830f6 Mon Sep 17 00:00:00 2001
From: Edouard Vanbelle <opensource@edouard.vanbelle.fr>
Date: Mon, 13 Apr 2026 11:08:52 +0200
Subject: [PATCH] refactor(css): dark theme:  merge notfication + dropzone

---
 static/css/themes/dark.css | 88 --------------------------------------
 1 file changed, 88 deletions(-)

diff --git a/static/css/themes/dark.css b/static/css/themes/dark.css
index e4ca0134..529d3b53 100644
--- a/static/css/themes/dark.css
+++ b/static/css/themes/dark.css
@@ -628,83 +628,6 @@
     color: var(--color-text);
 }
 
-/* ── notifications.css ── */
-[data-theme="dark"] .notification {
-    background-color: var(--color-notification-bg);
-    box-shadow: 0 4px 12px var(--color-shadow-4xl);
-}
-
-[data-theme="dark"] .notification-title {
-    color: var(--color-text-heading);
-}
-
-[data-theme="dark"] .notification-message {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .notification-banner {
-    background-color: var(--color-notification-bg);
-    box-shadow: 0 4px 12px var(--color-shadow-4xl);
-}
-
-[data-theme="dark"] .notif-bell-btn {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .notif-bell-btn:hover,
-[data-theme="dark"] .notif-bell-btn.active {
-    color: var(--color-accent);
-    background: var(--color-accent-ring-dark);
-}
-
-[data-theme="dark"] .notif-panel {
-    background: var(--color-notification-bg);
-    box-shadow:
-        0 12px 40px var(--color-shadow-4xl),
-        0 0 0 1px var(--color-sidebar-hover-bg);
-}
-
-[data-theme="dark"] .notif-panel-header {
-    border-bottom-color: var(--color-border);
-}
-
-[data-theme="dark"] .notif-panel-title {
-    color: var(--color-text-heading);
-}
-
-[data-theme="dark"] .notif-clear-btn {
-    color: var(--color-text-subtle);
-}
-
-[data-theme="dark"] .notif-clear-btn:hover {
-    color: var(--color-accent);
-    background: var(--color-accent-ring-dark);
-}
-
-[data-theme="dark"] .notif-empty {
-    color: var(--color-text-subtle);
-}
-
-[data-theme="dark"] .notif-item {
-    border-bottom-color: var(--color-bg-muted);
-}
-
-[data-theme="dark"] .notif-item:hover {
-    background: var(--color-bg-hover);
-}
-
-[data-theme="dark"] .notif-item-title {
-    color: var(--color-text);
-}
-
-[data-theme="dark"] .notif-item-text {
-    color: var(--color-text-faint);
-}
-
-[data-theme="dark"] .notif-upload-bar {
-    background: var(--color-border);
-}
-
 [data-theme="dark"] .upload-toast {
     background: var(--color-notification-bg);
     box-shadow: 0 8px 32px var(--color-shadow-5xl);
@@ -726,17 +649,6 @@
     border-top-color: var(--color-border);
 }
 
-/* ── spinner.css ── */
-[data-theme="dark"] .dropzone {
-    border-color: var(--color-border-medium);
-    color: var(--color-text-faint);
-    background-color: var(--color-bg-page);
-}
-
-[data-theme="dark"] .progress-bar {
-    background-color: var(--color-border);
-}
-
 /* ── uploadDropdown.css ── */
 [data-theme="dark"] .upload-dropdown-menu {
     background: var(--color-bg-surface);