/* Global mailbox / webmail appearance — driven by */ html[data-mailbox-theme="light"] { color-scheme: light; } html[data-mailbox-theme="dark"] { color-scheme: dark; } html[data-mailbox-theme="grey"] { color-scheme: light; } /* ——— Dark ——— */ html[data-mailbox-theme="dark"] body { background-color: #121212; color: #e3e3e3; } html[data-mailbox-theme="dark"] .navbar-mailbox { background-color: #1e1e1e !important; border-color: #333 !important; } html[data-mailbox-theme="dark"] .navbar-mailbox .navbar-brand, html[data-mailbox-theme="dark"] .navbar-mailbox .nav-link { color: rgba(255, 255, 255, 0.85) !important; } html[data-mailbox-theme="dark"] .navbar-mailbox .navbar-toggler { border-color: rgba(255, 255, 255, 0.25); } html[data-mailbox-theme="dark"] .navbar-mailbox .navbar-toggler-icon { filter: invert(1); } html[data-mailbox-theme="dark"] footer.footer { background-color: #1a1a1a; border-color: #333 !important; color: #aaa; } html[data-mailbox-theme="dark"] footer.footer a { color: #8ab4ff; } html[data-mailbox-theme="dark"] body.mailbox-shell .mailbox-app { --mailbox-muted: #b0b0b0; --mailbox-read-bg: #2a2a2a; background: #181818; } html[data-mailbox-theme="dark"] body.mailbox-shell .mailbox-app .mailbox-sidebar-card, html[data-mailbox-theme="dark"] body.mailbox-shell .mailbox-app .grid { background: #242424; color: #ccc; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.45); } html[data-mailbox-theme="dark"] body.mailbox-shell .mailbox-app .email .nav.mailbox-folder-nav > .nav-link { color: #b5b5b5; } html[data-mailbox-theme="dark"] body.mailbox-shell .mailbox-app .email .nav.mailbox-folder-nav > .nav-link.active, html[data-mailbox-theme="dark"] body.mailbox-shell .mailbox-app .email .nav.mailbox-folder-nav > .nav-link.active:hover { color: #fff; } html[data-mailbox-theme="dark"] body.mailbox-shell .mailbox-app .email table.mailbox-table tr.mail-read > td { background-color: #2c2c2c; } html[data-mailbox-theme="dark"] body.mailbox-shell .mailbox-app .email .mailbox-table-inbox .mailbox-message-row.mail-read > .mailbox-inbox-col { background-color: #2c2c2c; } html[data-mailbox-theme="dark"] body.mailbox-shell .mailbox-app pre.mail-body { border-color: #444; background: #1e1e1e; color: #ddd; } html[data-mailbox-theme="dark"] .dropdown-menu { background-color: #2d2d2d; border-color: #444; } html[data-mailbox-theme="dark"] .dropdown-item { color: #e8e8e8; } html[data-mailbox-theme="dark"] .dropdown-item:hover, html[data-mailbox-theme="dark"] .dropdown-item:focus { background-color: #3d3d3d; color: #fff; } html[data-mailbox-theme="dark"] .dropdown-item.active { background-color: #0d6efd; color: #fff; } html[data-mailbox-theme="dark"] .dropdown-header { color: #999; } html[data-mailbox-theme="dark"] body.mailbox-shell .mailbox-app .email-compose-bootdey, html[data-mailbox-theme="dark"] body.mailbox-shell .mailbox-app .email-compose-bootdey .compose-title, html[data-mailbox-theme="dark"] body.mailbox-shell .mailbox-app .email-compose-bootdey .compose-field-label { color: #e8e8e8; } html[data-mailbox-theme="dark"] body.mailbox-shell .mailbox-app .email-compose-bootdey .compose-toolbar { border-color: #444; } /* ——— Grey ——— */ html[data-mailbox-theme="grey"] body { background-color: #c8c8c8; color: #2c2c2c; } html[data-mailbox-theme="grey"] .navbar-mailbox { background-color: #b8b8b8 !important; border-color: #9a9a9a !important; } html[data-mailbox-theme="grey"] footer.footer { background-color: #bfbfbf; border-color: #9a9a9a !important; } html[data-mailbox-theme="grey"] body.mailbox-shell .mailbox-app { --mailbox-muted: #4a4a4a; --mailbox-read-bg: #dadada; background: #d0d0d0; } html[data-mailbox-theme="grey"] body.mailbox-shell .mailbox-app .mailbox-sidebar-card, html[data-mailbox-theme="grey"] body.mailbox-shell .mailbox-app .grid { background: #e4e4e4; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12); } /* Theme picker: show selection */ .mailbox-theme-set.active { font-weight: 600; } html[data-mailbox-theme="dark"] .mailbox-theme-set.active::after, html[data-mailbox-theme="light"] .mailbox-theme-set.active::after, html[data-mailbox-theme="grey"] .mailbox-theme-set.active::after { content: " ✓"; }