feat : Dark and Light mode added to the mizban

[seydanloo]

Here’s a summary of the changes made:

1. Dark mode was added end-to-end.

   • Theme toggle button added in header (web/index.html).
   • Theme state logic added with localStorage persistence (web/script.js).
   • Initial theme is applied early to avoid flash on load (web/index.html inline script).

2. Theme styling system added.

   • Light/dark CSS variables and component styles added (web/css/styles.css and mirrored in web/css/output.css).
   • New themed UI classes: app-body, app-panel, drop-zone, app-error-container, file-card, upload-progress-track.

3. Dynamic UI was updated to follow theme.

   • File cards now use file-card class.
   • Upload progress track now uses upload-progress-track.
   • Error container uses themed style.

4. Theme button alignment was adjusted.

   • Button is now in the same header row, right-aligned, and vertically aligned with Mizban icon/text.

5. Panel visual tweak.

   • Added a thin dashed gray border to the upload panel (app-panel) with dark-mode-compatible color.

6. File list spacing tweak.

   • Replaced old p-2 with file-list-pad (padding: 6px) for slightly tighter, equal x/y spacing.
   • fileList top margin is now mt-1.

[aminupy]

Functionality looks good overall. However, I’d recommend adding a theme toggle (light / dark mode) to improve usability and user preference.

Additionally, the current dark purple icons do not work well in dark mode. It would be better to adjust the icon colors to ensure sufficient contrast and visual clarity when the dark theme is active.

I’d appreciate it if these improvements could be considered.