/* * Dark scheme overrides — active only when has the .theme-dark class * (set server-side from User->is_dark_mode and toggled from the header). * * IFRAME RULE: every selector is scoped with `html.standalone`. An inline * script in adds the `standalone` class to — before the first * paint — only when window.self === window.top (i.e. NOT inside an iframe). So * when embedded in an iframe the class is never added and NONE of these dark * rules apply: embedded modules always keep the standard light, portal-coloured * look. Gating in (instead of on the body's late-removed .in-iframe * class) also means dark mode is in place at first paint — no light-to-dark * flash when navigating between pages. * * Scope: inverts the neutral "surface" chrome (page, navbar, sidebar, panels, * tables, forms, dropdowns, pagination) to a dark palette. Portal BRAND colours * keep applying: .btn-primary / .btn-secondary and .color-primary / * .color-secondary are intentionally NOT overridden, so each portal's accent * colours still show in dark mode. * * Every rule is prefixed with html.standalone body.theme-dark so it out-specifies * both custom.css (which uses !important on white backgrounds) and the inline * portal colour