/* Odznaka nieprzeczytanych wiadomości */ .badge{ display:inline-block; min-width:20px; padding:0 6px; border-radius:12px; font-size:12px; line-height:20px; text-align:center; background:linear-gradient(135deg, hsl(45 100% 65%), hsl(25 100% 70%)); color:#000; font-weight:600; } .thread-item { position:relative; } .thread-unread-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#0b78ff;margin-left:6px;vertical-align:middle} .thread-unread-badge { display:inline-block; background:#ff3b30; color:#fff; font-size:11px; min-width:18px; height:18px; border-radius:10px; padding:0 6px; line-height:18px; margin-left:6px; text-align:center; vertical-align:middle; font-weight:700; } .thread-unread-dot { display:inline-block; width:8px; height:8px; border-radius:50%; background:#0b78ff; margin-left:6px; vertical-align:middle; } /* ==== DARK THEME OVERRIDES (activated with .theme-dark on ) ==== */ html.theme-dark .badge{ /* W darku zamiast jaskrawej żółci użyjemy akcentu motywu dla spójności */ background: var(--acc, #5865f2); color:#fff; } html.theme-dark .thread-unread-dot{ /* Kropka nieprzeczytanych w kolorze akcentu */ background: var(--acc, #5865f2); } html.theme-dark .thread-unread-badge{ /* Czerwona „liczba nieprzeczytanych” zostaje czerwona, ale z lekkim przyciemnieniem tła na obrzeżach */ background:#ef4444; color:#fff; box-shadow: 0 0 0 1px rgba(0,0,0,.25), 0 2px 6px rgba(0,0,0,.35); } /* Opcjonalnie – jeśli listy wątków mają jasne tła nadpisywane tutaj: */ html.theme-dark .thread-item{ background:#202024; border-color:#2d2d31; }