jazzymc/unraid-glass
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Override FolderView plugin styles on Docker/VM pages

Browse Source 
- 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>
This commit is contained in:
Kaloyan Danchev
2026-02-08 09:46:04 +02:00
parent fb07089ee5
commit 01fcb31052
1 changed files with 92 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
style.css
View File

@@ -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