From efe2138e4da987fb9c192d351d09f3d0f833a3f1 Mon Sep 17 00:00:00 2001
From: Vito Sansevero <vito.sansevero@gmail.com>
Date: Sun, 8 Feb 2026 06:39:53 -0800
Subject: [PATCH] refactor: Phase 4 remove dark-only infrastructure

- Remove viewer-dark-theme class from ViewerJS init (overrides now global)
- Remove custom-scrollbar class usage (scrollbar styles now global)
- No dark: prefixes or class="dark" remain in codebase
---
 web/gallery.html  | 2 +-
 web/js/admin.js   | 4 ++--
 web/js/gallery.js | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/gallery.html b/web/gallery.html
index 35c7400..638796c 100644
--- a/web/gallery.html
+++ b/web/gallery.html
@@ -82,7 +82,7 @@
         </div>
 
         <!-- Gallery Content -->
-        <div class="flex-1 overflow-y-auto custom-scrollbar">
+        <div class="flex-1 overflow-y-auto">
             <div class="max-w-7xl mx-auto p-3">
                 <!-- Loading State -->
                 <div id="loadingState" class="flex items-center justify-center py-12">
diff --git a/web/js/admin.js b/web/js/admin.js
index 820dc9f..a69ea36 100644
--- a/web/js/admin.js
+++ b/web/js/admin.js
@@ -534,7 +534,7 @@
                                         </div>
                                         ${tags.length > 10 ? `
                                             <div class="tags-hidden hidden mt-2">
-                                                <div class="flex flex-wrap items-center gap-2 max-h-[180px] overflow-y-auto custom-scrollbar p-2 bg-pm-surface rounded-pm-sm">
+                                                <div class="flex flex-wrap items-center gap-2 max-h-[180px] overflow-y-auto p-2 bg-pm-surface rounded-pm-sm">
                                                     ${tags.slice(10).map(tag => `
                                                         <span class="inline-flex items-center space-x-1 bg-pm-accent-tint text-pm-accent px-3 py-1 rounded-full text-sm border border-pm-accent">
                                                             <span>${this.escapeHtml(tag)}</span>
@@ -1162,7 +1162,7 @@
                         zoomOnWheel: true,
                         slideOnTouch: true,
                         toggleOnDblclick: false,
-                        className: 'viewer-dark-theme',
+                        className: '',
                         shown: () => {
                             this.addMetadataSidebar();
                         },
diff --git a/web/js/gallery.js b/web/js/gallery.js
index 04f599a..eb8c31b 100644
--- a/web/js/gallery.js
+++ b/web/js/gallery.js
@@ -340,7 +340,7 @@
                         flipHorizontal: 1,
                         flipVertical: 1,
                     },
-                    className: 'viewer-dark-theme',
+                    className: '',
                     title: [1, (image, imageData) => `${imageData.alt} (${this.images.length} images) - Original Image`],
                     viewed: (event) => {
                         console.log('ViewerJS opened original image for metadata');
@@ -2468,7 +2468,7 @@ Seed: ${this.currentMetadata.seed || 'Unknown'}`;
                         </div>
 
                         <!-- Status Messages -->
-                        <div id="modalStatusMessages" class="text-sm text-pm-secondary mb-4 max-h-40 overflow-y-auto custom-scrollbar">
+                        <div id="modalStatusMessages" class="text-sm text-pm-secondary mb-4 max-h-40 overflow-y-auto">
                             <div class="text-pm-accent">• Starting thumbnail generation...</div>
                         </div>