Fix toggle theme

static/css/style.css

@@ -15,7 +15,8 @@
 body {
     margin: 0;
     font-family: 'Segoe UI', sans-serif;
-    background: var(--background-color);
+    background: var(--bg-color);
+    color: var(--text-color);
 }
 
 .container {
@@ -85,6 +86,12 @@ body {
     object-fit: cover;
 }
 
+.card-preview video {
+    width: 100%;
+    height: 100%;
+    object-fit: cover;
+}
+
 .card-footer {
     position: absolute;
     bottom: 0;

static/js/script.js

@@ -279,11 +279,6 @@ function initTheme() {
   document.body.dataset.theme = savedTheme;
 }
 
-// 检测系统主题
-window.matchMedia('(prefers-color-scheme: dark)').addListener(e => {
-  document.body.dataset.theme = e.matches ? 'dark' : 'light';
-});
-
 // 键盘导航
 document.addEventListener('keydown', (e) => {
     if (e.key === 'Escape') closeModal();

templates/loras.html

@@ -57,7 +57,7 @@
                  data-meta="{{ lora.civitai | default({}) | tojson | forceescape }}">
                 <div class="card-preview">
                     {% if lora.preview_url.endswith('.mp4') or lora.preview_url.endswith('.webm') %}
-                        <video controls>
+                        <video controls autoplay muted loop>
                             <source src="{{ '/loras_static/previews/' + lora.preview_url }}" type="video/mp4">
                             Your browser does not support the video tag.
                         </video>