From 01fcb31052e8fab5ae7e1133a9c529a1390eda81 Mon Sep 17 00:00:00 2001
From: Kaloyan Danchev <kaloyandanchev@Kaloyans-MacBook-Air.local>
Date: Sun, 8 Feb 2026 09:46:04 +0200
Subject: [PATCH] Override FolderView plugin styles on Docker/VM pages

- Fix opaque dark rows (rgb(18,21,16)) on folder and container rows
- Replace white/light borders on folder-preview containers with subtle glass
- Style folder dropdown buttons, inner text, and state indicators
- Add alternating row transparency for table readability

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 style.css | 92 +++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 92 insertions(+)

diff --git a/style.css b/style.css
index 1cdb5f1..6e02170 100644
--- a/style.css
+++ b/style.css
@@ -1400,6 +1400,98 @@ table.tablesorter thead {
   border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
 }
 
+/* Docker/VM table rows — override Unraid dark theme background */
+table.tablesorter tbody tr.sortable {
+  background: transparent !important;
+}
+
+table.tablesorter tbody tr.sortable:nth-child(even) {
+  background: rgba(255, 255, 255, 0.02) !important;
+}
+
+table.tablesorter tbody tr.sortable:hover {
+  background: rgba(255, 255, 255, 0.05) !important;
+}
+
+
+/* ============================================
+   FOLDERVIEW PLUGIN OVERRIDES
+   ============================================ */
+
+/* Folder rows — override opaque dark bg from FolderView */
+tr.folder,
+tr.folder-element,
+tr[class*="folder-id-"] {
+  background: transparent !important;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.04) !important;
+}
+
+tr.folder:nth-child(even),
+tr[class*="folder-id-"]:nth-child(even) {
+  background: rgba(255, 255, 255, 0.02) !important;
+}
+
+tr.folder:hover,
+tr[class*="folder-id-"]:hover {
+  background: rgba(255, 255, 255, 0.05) !important;
+}
+
+/* Folder preview containers — override white/light borders */
+.folder-preview,
+div[class*="folder-preview"] {
+  background: rgba(255, 255, 255, 0.04) !important;
+  border: 1px solid rgba(255, 255, 255, 0.10) !important;
+  border-radius: 12px !important;
+}
+
+/* Folder storage area */
+.folder-storage {
+  background: transparent !important;
+  border: none !important;
+  border-top: none !important;
+}
+
+/* Folder inner text */
+.folder-inner,
+span.folder-inner {
+  color: var(--glass-text) !important;
+}
+
+.folder-state,
+span.folder-state {
+  color: var(--glass-text-muted) !important;
+}
+
+/* Folder name */
+.folder-appname,
+a.folder-appname {
+  color: var(--glass-accent) !important;
+}
+
+/* Folder name sub container */
+.folder-name-sub {
+  color: var(--glass-text) !important;
+}
+
+/* Folder outer container */
+span.folder-outer {
+  background: transparent !important;
+  border: none !important;
+}
+
+/* Folder dropdown button */
+button[class*="dropDown-"] {
+  background: rgba(255, 255, 255, 0.06) !important;
+  border: 1px solid rgba(255, 255, 255, 0.10) !important;
+  color: var(--glass-text-muted) !important;
+}
+
+button[class*="dropDown-"]:hover {
+  background: rgba(255, 255, 255, 0.12) !important;
+  border-color: rgba(255, 255, 255, 0.18) !important;
+  color: var(--glass-text) !important;
+}
+
 
 /* ============================================
    MISC INNER PAGE ELEMENTS