мелочи

style.css

@@ -11,6 +11,11 @@
     --accent-green: #188038;
     --hover-bg: #f8f9fa;
     --shadow: 0 2px 4px rgba(0,0,0,0.1);
+    /* === ПЕРЕМЕННЫЕ ДЛЯ МОДАЛКИ === */
+    --modal-bg: #ffffff;
+    --modal-text: #333333;
+    --modal-header-bg: #f8f9fa;
+    --modal-border: #e9ecef;
 }
 
 .dark-theme {
@@ -26,6 +31,11 @@
     --accent-green: #68d391;
     --hover-bg: #2d3748;
     --shadow: 0 2px 4px rgba(0,0,0,0.3);
+    /* === ПЕРЕМЕННЫЕ ДЛЯ МОДАЛКИ В ТЁМНОЙ ТЕМЕ === */
+    --modal-bg: #1e1e1e;
+    --modal-text: #e0e0e0;
+    --modal-header-bg: #2d3748;
+    --modal-border: #2d3748;
 }
 
 body { 
@@ -387,7 +397,7 @@ li:hover {
     padding: 0.75rem 0.5rem;
     margin-bottom: 1rem;
     background: var(--bg-primary);
-    border-radius: 8px;
+    border-radius: 0px;
     border: 1px solid var(--border-color);
 }
 
@@ -929,3 +939,29 @@ li:hover {
         padding: 0.2rem 0.3rem !important;
     }
 }
+
+/* ================================================
+   ПЕРЕОПРЕДЕЛЕНИЕ МОДАЛКИ (фикс темы)
+   ================================================ */
+.preview-content {
+    background: var(--modal-bg) !important;
+    color: var(--modal-text) !important;
+    border: 1px solid var(--modal-border) !important;
+}
+
+.preview-header {
+    background: var(--modal-header-bg) !important;
+    border-bottom: 1px solid var(--modal-border) !important;
+}
+
+.preview-title {
+    color: var(--modal-text) !important;
+}
+
+.preview-iframe {
+    background: var(--bg-primary) !important;
+}
+
+.preview-image-container {
+    background: var(--bg-primary) !important;
+}