/ ekleyebilir; hepsini kapsıyoruz. */
[data-theme="dark"] #news-ticker-row {
background: #0e0b08 !important;
border-color: #252015 !important;
color: #c4a070 !important;
}
[data-theme="dark"] #news-ticker-row * {
color: #c4a070 !important;
border-color: #252015 !important;
}
/* Arka plan beyaz kalan olası iç kapsayıcılar */
[data-theme="dark"] #news-ticker-row div,
[data-theme="dark"] #news-ticker-row span,
[data-theme="dark"] #news-ticker-row p,
[data-theme="dark"] #news-ticker-row a {
background: transparent !important;
}
/* ── 28. Chat baloncukları ───────────────────────────────────
Sorun: kendi mesajın (mine) zaten koyu gradient → OK.
Karşı tarafın (theirs) açık krem → koyu modda okunamaz.
Öğretmen mesajı (teacher-msg) altın gradient → OK.
Çözüm: theirs baloncuğuna koyu zemin + açık yazı; çerçeve ile
ayrıştıralım ki içerik ile dış alan karışmasın. */
[data-theme="dark"] .chat-msg.theirs .chat-bubble {
background: #1c160e !important;
color: #e8ddd0 !important;
border: 1px solid #352a1e !important;
}
/* Kendi mesajı (mine) zaten koyu gradient ama yazı rengini pekiştir */
[data-theme="dark"] .chat-msg.mine .chat-bubble {
background: linear-gradient(135deg, #3a2810, #5a4030) !important;
color: #fff !important;
border: 1px solid #5a3e20 !important;
}
/* Öğretmen mesajı gradient korunuyor, sadece okunabilirlik için border */
[data-theme="dark"] .chat-msg.teacher-msg .chat-bubble {
border: 1px solid #8a6a20 !important;
}
/* Yazar adı ve meta bilgisi */
[data-theme="dark"] .chat-msg-meta .msg-author {
color: #c4a070 !important;
}
[data-theme="dark"] .chat-msg-meta {
color: #7a6a55 !important;
}
/* ── 29. Chat input alanı ──────────────────────────────────
Sorun: input beyaz zemin + açık border → yazılanlar görünmüyor.
Çözüm: koyu zemin, açık yazı, belirgin dış çerçeve. */
[data-theme="dark"] .chat-input-area {
background: #0a0805 !important;
border-color: #2a2015 !important;
}
[data-theme="dark"] .chat-input {
background: #141008 !important;
border: 1.5px solid #3a2e1e !important;
color: #e8ddd0 !important;
caret-color: var(--gold) !important;
}
[data-theme="dark"] .chat-input:focus {
border-color: var(--gold) !important;
box-shadow: 0 0 0 2px rgba(212,168,67,.15) !important;
}
[data-theme="dark"] .chat-input::placeholder {
color: #5a4a38 !important;
}
/* ── 30. Chat sekme arka planı (#faf8f5 → koyu) ─────────── */
[data-theme="dark"] .chat-tabs {
background: #0e0b08 !important;
border-color: #252015 !important;
}
[data-theme="dark"] .chat-tab {
color: #7a6a55 !important;
}
[data-theme="dark"] .chat-tab.active {
color: var(--gold) !important;
border-bottom-color: var(--gold) !important;
}
/* ── 31. Chat mesaj listesi arka planı ───────────────────── */
[data-theme="dark"] .chat-messages {
background: #080605 !important;
}
/* ── 32. Diğer badge'ler ve yardımcı öğeler ─────────────── */
[data-theme="dark"] .w-badge-score {
background: #1a1405 !important;
color: var(--gold) !important;
border-color: #3a3010 !important;
}
[data-theme="dark"] .w-badge-rank {
background: #081404 !important;
color: #5aab28 !important;
border-color: #1a3a0a !important;
}
/* student-all-card dark */
[data-theme="dark"] .student-all-card {
background: #0e0b08 !important;
border-color: #252015 !important;
color: #e8ddd0 !important;
}
/* activity-card / lesson-card */
[data-theme="dark"] .activity-card,
[data-theme="dark"] .lesson-card {
background: #0e0b08 !important;
border-color: #252015 !important;
}
/* Ana sayfa .card (oyun kartları) */
[data-theme="dark"] .card {
background: #0e0b08 !important;
border-color: #252015 !important;
}
[data-theme="dark"] .card-title { color: #e8ddd0 !important; }
[data-theme="dark"] .card-desc { color: #7a6a55 !important; }
[data-theme="dark"] .card-footer { border-color: #252015 !important; }
[data-theme="dark"] .card::before { background: var(--gold) !important; }
/* panel-subnav-btn açık arka plan */
[data-theme="dark"] .panel-subnav-btn {
background: #0e0b08 !important;
border-color: #252015 !important;
color: #907e6e !important;
}
/* ═══════════════════════════════════════════════════════════════
EK DÜZELTMELER v4 – Eser Listesi (Repertuar) Paneli
Haber akışı (#27) ile aynı mantık: koyu zemin + sıcak/altın yazı.
═══════════════════════════════════════════════════════════════ */
/* ── 33. Üst sekmeler – Mode toggle, Grade tabları ─────────── */
[data-theme="dark"] .rep-mode-toggle {
background: #0e0b08 !important;
border-color: #252015 !important;
}
[data-theme="dark"] .rep-mode-btn { color: #907e6e !important; }
[data-theme="dark"] .rep-mode-btn.active {
background: var(--gold) !important;
color: #0a0805 !important;
}
[data-theme="dark"] .grade-tab {
background: #0e0b08 !important;
border-color: #252015 !important;
color: #907e6e !important;
}
[data-theme="dark"] .grade-tab:hover {
border-color: var(--gold) !important;
color: #e8ddd0 !important;
}
[data-theme="dark"] .grade-tab.active {
background: #5a3e2b !important;
border-color: #7a5238 !important;
color: #fff !important;
}
[data-theme="dark"] .grade-tab.lb-tab {
background: #1a1408 !important;
border-color: var(--gold) !important;
color: var(--gold) !important;
}
[data-theme="dark"] .grade-tab.lb-tab.active {
background: var(--gold) !important;
color: #0a0805 !important;
}
[data-theme="dark"] .lb-tab-btn {
background: #0e0b08 !important;
border-color: #252015 !important;
color: #907e6e !important;
}
[data-theme="dark"] .lb-tab-btn.active {
background: #5aab28 !important;
border-color: #5aab28 !important;
color: #08140a !important;
}
[data-theme="dark"] .lb-metric-tabs .lb-tab-btn.active {
background: #3b6d8c !important;
border-color: #3b6d8c !important;
color: #fff !important;
}
/* ── 34. İlerleme özeti (progress-summary) ──────────────────── */
[data-theme="dark"] .progress-summary {
background: #0e0b08 !important;
border-color: #252015 !important;
box-shadow: 0 2px 14px rgba(0,0,0,0.35) !important;
}
[data-theme="dark"] .progress-summary-title { color: #e8ddd0 !important; }
[data-theme="dark"] .progress-bar-track {
background: #1a1510 !important;
border-color: #252015 !important;
}
/* ── 35. Eser satırları (piece-row) ─────────────────────────── */
[data-theme="dark"] .piece-row {
background: #0e0b08 !important;
border-color: #252015 !important;
color: #e8ddd0 !important;
}
[data-theme="dark"] .piece-row.done {
background: #081404 !important;
border-color: #1a3a0a !important;
}
[data-theme="dark"] .piece-row.decode {
background: #1a1005 !important;
border-color: #3a2812 !important;
}
[data-theme="dark"] .piece-check { border-color: #3a2e1e !important; }
[data-theme="dark"] .piece-status { color: #7a6a55 !important; }
[data-theme="dark"] .piece-action-btn {
background: #0e0b08 !important;
border-color: #252015 !important;
color: #907e6e !important;
}
[data-theme="dark"] .piece-action-btn.decode-action {
border-color: #3a2812 !important;
color: #d47820 !important;
}
[data-theme="dark"] .piece-drag-handle { color: #907e6e !important; }
/* ── 36. Öğrenci seçim kartları (student-select-card) ───────── */
[data-theme="dark"] .student-select-card {
background: #0e0b08 !important;
border-color: #252015 !important;
color: #e8ddd0 !important;
}
[data-theme="dark"] .student-select-card:hover { border-color: var(--gold) !important; }
[data-theme="dark"] .student-select-card.active {
background: #5a3e2b !important;
border-color: #7a5238 !important;
color: #fff !important;
}
[data-theme="dark"] .student-select-card .ssc-pct { color: #907e6e !important; }
/* ── 37. Liderlik tablosu satırları (lb-row) ────────────────── */
[data-theme="dark"] .lb-row {
background: #0e0b08 !important;
border-color: #252015 !important;
color: #e8ddd0 !important;
}
[data-theme="dark"] .lb-row.me {
background: #1a1408 !important;
border-color: var(--gold) !important;
}
[data-theme="dark"] .lb-name .lb-grade,
[data-theme="dark"] .lb-status { color: #907e6e !important; }
[data-theme="dark"] .lb-value,
[data-theme="dark"] .lb-pct { color: var(--gold) !important; }
/* ── 38. Bölüm başlıkları / panel-go-btn kilitli durum ──────── */
[data-theme="dark"] .section-title { color: #e8ddd0 !important; }
[data-theme="dark"] .panel-go-btn.locked {
background: #111 !important;
border-color: #2a2520 !important;
color: #5a4a3a !important;
}
/* ── 39. Kıskanma rozetleri (envy) – koyu modda da okunaklı ─── */
[data-theme="dark"] .envy-btn {
background: #1a0808 !important;
border-color: #5a1818 !important;
color: #e05555 !important;
}
[data-theme="dark"] .envy-btn:hover { background: #2a0a0a !important; }
[data-theme="dark"] .envy-lb-count,
[data-theme="dark"] .envy-count-badge,
[data-theme="dark"] #envy-notification {
background: #1a0808 !important;
border-color: #5a1818 !important;
color: #e05555 !important;
}
[data-theme="dark"] .envy-notif-names { color: #e05555 !important; }