Camo

Thanks for the CSS plugin. Works a treat. Ported monakai theme for Unraid and looks unreal. /* --- 1. Monokai --- */ @import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;800&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap'); html, body, :root { --bg-color: #191919; --panel-color: #222222; --primary-color: #ff6188; --secondary-color: #a9dc76; --accent-color: #ffd866; --text-color: #ffffff; --border-color: #444444; --theme-radius: 8px; --theme-shadow: 0 5px 20px rgba(0,0,0,0.5); --theme-border-width: 1px; --font-main: 'Outfit', sans-serif; --background-color: var(--bg-color); --header-text-color: var(--primary-color); --header-background-color: transparent; --table-border-color: var(--border-color); --mild-background-color: transparent; } /* --- Global Style --- */ body { font-family: var(--font-main) !important; background: var(--bg-color) !important; background-color: var(--bg-color) !important; background-attachment: fixed !important; color: var(--text-color) !important; letter-spacing: 0px; } #page { background: var(--bg-color) !important; } /* --- 2. HEADER --- */ #header { background: var(--panel-color) !important; border-bottom: var(--theme-border-width) solid var(--border-color); box-shadow: var(--theme-shadow); height: 70px !important; position: sticky; top: 0; z-index: 1000; } #header .logo svg { fill: var(--primary-color); height: 35px; } #UserProfile { color: var(--primary-color) !important; background: var(--bg-color) !important; padding: 8px 14px; border-radius: var(--theme-radius); border: var(--theme-border-width) solid var(--border-color); font-weight: bold; } /* --- 3. MENU --- */ #menu { background: var(--panel-color) !important; border-bottom: 2px solid var(--border-color); padding: 10px 0; margin-bottom: 20px; } #menu .nav-tile { background: transparent !important; } .nav-item a { font-family: var(--font-main); font-weight: 600; text-transform: uppercase; color: var(--text-color) !important; font-size: 14px !important; padding: 8px 16px !important; border-radius: var(--theme-radius); transition: all 0.2s ease; background: transparent !important; } .nav-item.active a, .nav-item a:hover { color: var(--bg-color) !important; background: var(--primary-color) !important; box-shadow: var(--theme-shadow); } .nav-item.util a { color: var(--text-color) !important; } .nav-item.util a:hover { color: var(--primary-color) !important; background: transparent !important; box-shadow: none; } /* --- 4. DASHBOARD --- */ .tile, table.dashboard tbody { border: none !important; background: transparent !important; } table.dashboard { background: var(--panel-color) !important; border: var(--theme-border-width) solid var(--border-color); border-radius: var(--theme-radius); box-shadow: var(--theme-shadow); margin-bottom: 20px !important; } .tile-header { border-bottom: 1px solid var(--border-color); padding: 12px 15px !important; background: transparent; } .tile-header h3 { font-family: var(--font-main); font-weight: 800; font-size: 16px !important; color: var(--primary-color) !important; text-transform: uppercase; } .tile-header i { color: var(--secondary-color) !important; } table.dashboard td { border-bottom: 1px solid var(--border-color) !important; color: var(--text-color) !important; font-size: 14px; padding: 10px 12px; } table.dashboard a { color: var(--primary-color) !important; font-weight: bold; text-decoration: none; } table.dashboard a:hover { color: var(--accent-color) !important; } .green-text { color: var(--accent-color) !important; } .red-text { color: var(--primary-color) !important; } .orange-text { color: var(--secondary-color) !important; } .usage-bar, .usage-disk { background: var(--bg-color) !important; border: 1px solid var(--border-color) !important; border-radius: var(--theme-radius) !important; height: 10px !important; } .greenbar { background: var(--accent-color) !important; } .orangebar { background: var(--secondary-color) !important; } .redbar { background: var(--primary-color) !important; } /* --- 6. FOOTER --- */ #footer { background: var(--panel-color) !important; border-top: var(--theme-border-width) solid var(--border-color); color: var(--text-color) !important; padding: 15px !important; } /* --- 7. TABLE--- */ table.unraid, table.disk_status, table.array_status, table.share_status { background: var(--panel-color) !important; border: var(--theme-border-width) solid var(--border-color); border-radius: var(--theme-radius); border-collapse: hidden !important; margin-top: 15px !important; width: 100%; box-shadow: var(--theme-shadow); } table.unraid thead tr:first-child > td, table.disk_status thead tr td { background: var(--bg-color) !important; color: var(--primary-color) !important; font-weight: bold; border-bottom: var(--theme-border-width) solid var(--border-color) !important; padding: 12px !important; } table.unraid tbody tr, table.disk_status tbody tr { background: transparent !important; } table.unraid tbody tr:hover, table.disk_status tbody tr:hover { background: var(--bg-color) !important; } table.unraid tbody td, table.disk_status tbody td { border-bottom: 1px solid var(--border-color) !important; color: var(--text-color) !important; padding: 10px !important; } table.unraid tbody td a.blue-text { color: var(--primary-color) !important; font-weight: bold; } table.unraid tbody td a.blue-text:hover { color: var(--accent-color) !important; } /* --- 8. BUTTONS --- */ input[type="submit"], input[type="button"], button { background: var(--bg-color) !important; color: var(--text-color) !important; border: var(--theme-border-width) solid var(--border-color) !important; padding: 8px 16px !important; border-radius: var(--theme-radius) !important; cursor: pointer; box-shadow: var(--theme-shadow); } input[type="submit"]:hover, input[type="button"]:hover, button:hover { background: var(--primary-color) !important; color: var(--bg-color) !important; } input[type="submit"][value="Start"], button.start { background: var(--primary-color) !important; color: var(--bg-color) !important; border-color: var(--primary-color) !important; }

Sorry. I know this is over 2 years old but i found a solution. See my post here --> https://forums.unraid.net/topic/180247-yottamaster-4-bay-type-c-hard-drive-enclosure-with-unraid/#comment-1488990

Just so you are aware. I had an issue with the Yottamaster 4 bay usb storage device (Yottamaster VN400C3 4 Bay Hard Drive Enclosure) after upgrading to Unraid v7.x. It was working on 6.x but would have a weird issue on random reboots that would swap serials or order and i would have to reboot again to resolve. But anyway. By adding in usb_storage.quirks=2109:0715:u to my syslinux config under Main, it was able to detect the correct serial numbers and my array came online. You can get your Vendor and product id from running a lsusb -v from the terminal and looking for something like this Bus 002 Device 006: ID 2109:0715 VIA Labs, Inc. VL817 SATA Adaptor Hope this helps others. PS. i dont have a parity disk. and use a M2 Nvme Cache disk for extra speed.