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>
This commit is contained in:
92
style.css
92
style.css
@@ -1400,6 +1400,98 @@ table.tablesorter thead {
|
|||||||
border-bottom: 1px solid rgba(255, 255, 255, 0.03) !important;
|
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
|
MISC INNER PAGE ELEMENTS
|
||||||
|
|||||||
Reference in New Issue
Block a user