/* ============================================================
ZillerPortal — Admin portal, NIGHT MODE ("Black")
Companion to app.css
Load this AFTER app.css:
Enable night mode by setting the attribute on the root :
document.documentElement.setAttribute('data-theme','dark');
Warm espresso-black + ember. Overrides the SAME variable names
used by app.css, so no rule rewrites are needed.
============================================================ */
[data-theme="dark"] {
--bg-900: #120C08;
--bg-800: #16100B;
--bg-700: #211810;
--panel: #211810;
--panel-soft: #281D14;
--stroke: rgba(255, 238, 222, 0.10);
--stroke-strong: rgba(255, 238, 222, 0.18);
--text-main: #F7F0E7;
--text-soft: #B7A795;
--text-faint: #94836F;
--accent: #EA580C; /* primary fill stays punchy */
--accent-2: #F8924A; /* text/link/hover — lightened for contrast */
--accent-blue: #5BB8D4; /* info, brightened */
--accent-cyan: #F2802F;
--ember-50: #2A1B11; /* dark warm tint for tiles/icon wells */
--ember-100: #3A2415;
--ember-700: #FBA56F; /* lightened deep text */
--gold: #E8C271;
--success: #4ADE80;
--warning: #E8A33D;
--danger: #F87060;
--shadow: 0 26px 56px rgba(0, 0, 0, 0.62);
--shadow-sm: 0 2px 10px rgba(0, 0, 0, 0.45);
--shadow-ember: 0 6px 22px rgba(234, 88, 12, 0.40);
}
[data-theme="dark"] body {
background:
radial-gradient(ellipse at 30% -8%, rgba(234, 88, 12, 0.10) 0%, transparent 45%),
var(--bg-800);
}
/* terminal log: nudge to match the elevated night surface */
[data-theme="dark"] .portal-log { background: #2E2216; border-color: rgba(255, 238, 222, 0.12); }
/* table-hover: Bootstrap 5.3 usa box-shadow inset con --bs-table-bg-state.
background-color !important non basta — serve sovrascrivere la variabile. */
[data-theme="dark"] .table-hover {
--bs-table-hover-bg: rgba(91, 184, 212, 0.13);
--bs-table-hover-color: var(--text-main, #F7F0E7);
}
[data-theme="dark"] .table-hover > tbody > tr:hover > * {
--bs-table-bg-state: rgba(91, 184, 212, 0.13) !important;
--bs-table-color-state: var(--text-main, #F7F0E7) !important;
color: var(--text-main, #F7F0E7);
}