Further theme edits

src-tauri/assets/viewer/index.html

@@ -10,9 +10,9 @@
     html, body {
       height: 100%;
       overflow: hidden;
-      background: #3a3a3a;
+      background: #1d2021;
       font-family: system-ui, -apple-system, sans-serif;
-      color: #ccc;
+      color: #ebdbb2;
     }
 
     body { display: flex; flex-direction: column; }
@@ -20,17 +20,17 @@
     #error-banner {
       display: none;
       flex-shrink: 0;
-      background: #5c1a1a;
-      color: #f99;
+      background: #fb4934;
+      color: #1d2021;
       padding: 10px 20px;
       font-size: 13px;
-      border-bottom: 1px solid #7a2222;
+      border-bottom: 1px solid #cc241d;
     }
 
     #toolbar {
       flex-shrink: 0;
-      background: #252525;
-      border-bottom: 1px solid #444;
+      background: #282828;
+      border-bottom: 1px solid #504945;
       padding: 5px 14px;
       display: flex;
       align-items: center;
@@ -41,9 +41,9 @@
     #zoom-controls { display: flex; align-items: center; gap: 6px; }
 
     button {
-      background: #3d3d3d;
-      color: #ccc;
-      border: 1px solid #555;
+      background: #3c3836;
+      color: #ebdbb2;
+      border: 1px solid #504945;
       border-radius: 4px;
       padding: 3px 10px;
       cursor: pointer;
@@ -51,23 +51,23 @@
       line-height: 1.4;
       min-width: 28px;
     }
-    button:hover { background: #4a4a4a; }
+    button:hover { background: #504945; }
 
     #zoom-label {
       min-width: 46px;
       text-align: center;
       font-size: 12px;
-      color: #bbb;
+      color: #a89984;
     }
 
     #page-indicator {
-      color: #888;
+      color: #a89984;
       font-size: 12px;
     }
 
     #status {
       margin-left: auto;
-      color: #888;
+      color: #928374;
       font-size: 12px;
     }
 
@@ -76,6 +76,7 @@
       flex: 1;
       overflow-y: auto;
       overflow-x: auto;
+      background: #1d2021;
     }
 
     /* Inner column that receives the CSS zoom for instant visual feedback.