/* ========================================================== Somgram — dark-mode.css Overrides applied when . Toggled by theme.js based on user preference or OS setting. ========================================================== */ [data-bs-theme="dark"] { --sg-bg: #0e1621; --sg-panel: #17212b; --sg-border: #253340; --sg-text: #e9edf1; --sg-text-secondary: #8b98a5; --sg-bubble-out: #2b5278; --sg-bubble-in: #1e2c38; } [data-bs-theme="dark"] body { background: var(--sg-bg); } [data-bs-theme="dark"] .chat-item.active { background: rgba(42,171,238,.18); } [data-bs-theme="dark"] .msg-bubble { color: var(--sg-text); box-shadow: none; } [data-bs-theme="dark"] .composer-input::placeholder { color: var(--sg-text-secondary); } [data-bs-theme="dark"] .chat-window { background-image: radial-gradient(circle at 25% 15%, rgba(42,171,238,.08), transparent 40%); } [data-bs-theme="dark"] .msg-file { background: rgba(255,255,255,.05); } [data-bs-theme="dark"] .chat-list::-webkit-scrollbar-thumb, [data-bs-theme="dark"] .messages::-webkit-scrollbar-thumb { background: rgba(255,255,255,.15); }