/* ============================================================================
   MALİİK — KARANLIK MOD (2026-08-25)

   NEDEN BU DOSYA VAR
   Sitede İKİ AYRI karanlık mod sistemi vardı ve birbirini görmüyordu:
     · layouts/main.php   → anahtar 'maliik_color_mode', data-theme + data-bs-theme
     · assets/js/malik.js → anahtar 'malik_theme',       yalnızca data-bs-theme
   Sonuç: sitede açılan karanlık mod admin panelinde okunmuyordu; malik.css'in
   62 kuralı data-theme beklerken malik.js onu hiç yazmıyordu; admin tarafında
   yalnızca 20 kural vardı, o yüzden yarım karanlık çıkıyordu.

   Bu dosya eksik kalan yüzeyleri tamamlıyor. İKİ ÖZNİTELİK DE destekleniyor
   ([data-bs-theme] ve [data-theme]) çünkü mevcut 82 kural ikisine dağılmış
   durumda; birini bırakmak çalışan yerleri kırardı.

   YÖNTEM: önce Bootstrap'in KENDİ değişkenleri ayarlanıyor (kart, tablo,
   form, dropdown, modal gibi bileşenler böylece kendiliğinden uyuyor), sonra
   yalnızca özel yüzeyler (admin sidebar/topbar, site başlığı) elle boyanıyor.
   Token seviyesinden çözmek, yarın eklenecek ekranların da otomatik uyması
   demek — her bileşeni tek tek ezmek yerine.
   ========================================================================= */

:root[data-bs-theme="dark"],
:root[data-theme="dark"] {
  /* --- Palet --- */
  --hd-zemin:   #0f1115;   /* sayfa arkaplanı */
  --hd-yuzey:   #171a21;   /* kart, panel */
  --hd-yuzey-2: #1e222b;   /* başlık şeridi, girinti */
  --hd-yuzey-3: #262b36;   /* hover */
  --hd-cizgi:   #2a2f3a;
  --hd-cizgi-2: #363c49;
  --hd-metin:   #e6e9ef;
  --hd-metin-2: #b9c0cc;
  --hd-soluk:   #8b94a3;
  --hd-kirmizi: #E31E24;
  --hd-mavi:    #38bdf8;

  /* --- Bootstrap'in kendi değişkenleri ---
     Bunları ayarlamak, ayrı ayrı ezmeden onlarca bileşeni doğru yapıyor. */
  --bs-body-bg:                  var(--hd-zemin);
  --bs-body-color:               var(--hd-metin);
  --bs-emphasis-color:           #ffffff;
  --bs-secondary-bg:             var(--hd-yuzey);
  --bs-tertiary-bg:              var(--hd-yuzey-2);
  --bs-secondary-color:          var(--hd-soluk);
  --bs-tertiary-color:           var(--hd-soluk);
  --bs-border-color:             var(--hd-cizgi);
  --bs-border-color-translucent: var(--hd-cizgi);
  --bs-heading-color:            #ffffff;
  --bs-link-color:               var(--hd-mavi);
  --bs-link-hover-color:         #7dd3fc;
  --bs-code-color:               #7dd3fc;
}

/* ---------- Genel gövde ---------- */
[data-bs-theme="dark"] body,
[data-theme="dark"] body { background: var(--hd-zemin); color: var(--hd-metin); }

/* Bootstrap yardımcı sınıfları !important taşıyor; koyu zeminde okunabilirlik
   için burada da !important gerekiyor. Aksi hâlde beyaz kutular kalıyor. */
[data-bs-theme="dark"] .bg-white,
[data-theme="dark"] .bg-white   { background-color: var(--hd-yuzey) !important; }
[data-bs-theme="dark"] .bg-light,
[data-theme="dark"] .bg-light   { background-color: var(--hd-yuzey-2) !important; }
[data-bs-theme="dark"] .text-dark,
[data-theme="dark"] .text-dark  { color: var(--hd-metin) !important; }
[data-bs-theme="dark"] .text-muted,
[data-theme="dark"] .text-muted { color: var(--hd-soluk) !important; }
[data-bs-theme="dark"] .text-body,
[data-theme="dark"] .text-body  { color: var(--hd-metin) !important; }
[data-bs-theme="dark"] .border,
[data-bs-theme="dark"] .border-top,
[data-bs-theme="dark"] .border-bottom,
[data-bs-theme="dark"] .border-start,
[data-bs-theme="dark"] .border-end,
[data-theme="dark"] .border,
[data-theme="dark"] .border-top,
[data-theme="dark"] .border-bottom,
[data-theme="dark"] .border-start,
[data-theme="dark"] .border-end { border-color: var(--hd-cizgi) !important; }

/* ---------- Kart / panel ---------- */
[data-bs-theme="dark"] .card,
[data-theme="dark"] .card,
[data-bs-theme="dark"] .admin-card,
[data-theme="dark"] .admin-card {
  background-color: var(--hd-yuzey);
  border-color: var(--hd-cizgi);
  color: var(--hd-metin);
}
[data-bs-theme="dark"] .card-header,
[data-theme="dark"] .card-header,
[data-bs-theme="dark"] .admin-card-header,
[data-theme="dark"] .admin-card-header {
  background-color: var(--hd-yuzey-2);
  border-bottom-color: var(--hd-cizgi);
  color: var(--hd-metin);
}
[data-bs-theme="dark"] .card-footer,
[data-theme="dark"] .card-footer {
  background-color: var(--hd-yuzey-2);
  border-top-color: var(--hd-cizgi);
}

/* ---------- ADMIN kabuğu ---------- */
[data-bs-theme="dark"] .admin-body,
[data-bs-theme="dark"] .admin-wrapper,
[data-bs-theme="dark"] .admin-content { background: var(--hd-zemin); color: var(--hd-metin); }

[data-bs-theme="dark"] .admin-sidebar { background: #0c0e12; border-right: 1px solid var(--hd-cizgi); }
[data-bs-theme="dark"] .admin-sidebar-brand,
[data-bs-theme="dark"] .admin-sidebar-brand-text { color: #fff; }
[data-bs-theme="dark"] .sidebar-section-title,
[data-bs-theme="dark"] .sidebar-heading { color: var(--hd-soluk); }
[data-bs-theme="dark"] .sidebar-item { color: var(--hd-metin-2); }
[data-bs-theme="dark"] .sidebar-item:hover { background: var(--hd-yuzey-3); color: #fff; }
[data-bs-theme="dark"] .sidebar-item.active { background: rgba(227,30,36,.16); color: #fff; }

[data-bs-theme="dark"] .admin-topbar {
  background: var(--hd-yuzey);
  border-bottom: 1px solid var(--hd-cizgi);
  color: var(--hd-metin);
}
[data-bs-theme="dark"] .btn-icon { color: var(--hd-metin-2); }
[data-bs-theme="dark"] .btn-icon:hover { background: var(--hd-yuzey-3); color: #fff; }
[data-bs-theme="dark"] .user-avatar-placeholder,
[data-theme="dark"] .user-avatar-placeholder { background: var(--hd-yuzey-3); color: var(--hd-metin); }

/* ---------- Tablolar ---------- */
[data-bs-theme="dark"] .table,
[data-theme="dark"] .table,
[data-bs-theme="dark"] .data-table,
[data-theme="dark"] .data-table {
  --bs-table-bg: transparent;
  --bs-table-color: var(--hd-metin);
  --bs-table-border-color: var(--hd-cizgi);
  --bs-table-hover-bg: var(--hd-yuzey-3);
  --bs-table-hover-color: #fff;
  --bs-table-striped-bg: rgba(255,255,255,.03);
  --bs-table-striped-color: var(--hd-metin);
  color: var(--hd-metin);
}
[data-bs-theme="dark"] .table > thead th,
[data-theme="dark"] .table > thead th,
[data-bs-theme="dark"] .table-light,
[data-bs-theme="dark"] .table-light > *,
[data-theme="dark"] .table-light,
[data-theme="dark"] .table-light > * {
  background-color: var(--hd-yuzey-2) !important;
  color: var(--hd-metin-2) !important;
  border-color: var(--hd-cizgi) !important;
}

/* ---------- Formlar ---------- */
[data-bs-theme="dark"] .form-control,
[data-bs-theme="dark"] .form-select,
[data-theme="dark"] .form-control,
[data-theme="dark"] .form-select {
  background-color: var(--hd-yuzey-2);
  border-color: var(--hd-cizgi-2);
  color: var(--hd-metin);
}
[data-bs-theme="dark"] .form-control::placeholder,
[data-theme="dark"] .form-control::placeholder { color: rgba(230,233,239,.38); }
[data-bs-theme="dark"] .form-control:focus,
[data-bs-theme="dark"] .form-select:focus,
[data-theme="dark"] .form-control:focus,
[data-theme="dark"] .form-select:focus {
  background-color: var(--hd-yuzey-2);
  border-color: var(--hd-mavi);
  color: var(--hd-metin);
  box-shadow: 0 0 0 .2rem rgba(56,189,248,.18);
}
[data-bs-theme="dark"] .input-group-text,
[data-theme="dark"] .input-group-text {
  background-color: var(--hd-yuzey-3);
  border-color: var(--hd-cizgi-2);
  color: var(--hd-metin-2);
}
[data-bs-theme="dark"] .form-label,
[data-bs-theme="dark"] .form-label-admin,
[data-theme="dark"] .form-label { color: var(--hd-metin-2); }
[data-bs-theme="dark"] .form-check-input,
[data-theme="dark"] .form-check-input {
  background-color: var(--hd-yuzey-2);
  border-color: var(--hd-cizgi-2);
}

/* ---------- Açılır menü / modal / offcanvas ---------- */
[data-bs-theme="dark"] .dropdown-menu,
[data-theme="dark"] .dropdown-menu {
  background-color: var(--hd-yuzey);
  border-color: var(--hd-cizgi);
  box-shadow: 0 12px 34px rgba(0,0,0,.5);
}
[data-bs-theme="dark"] .dropdown-item,
[data-theme="dark"] .dropdown-item { color: var(--hd-metin-2); }
[data-bs-theme="dark"] .dropdown-item:hover,
[data-bs-theme="dark"] .dropdown-item:focus,
[data-theme="dark"] .dropdown-item:hover,
[data-theme="dark"] .dropdown-item:focus { background-color: var(--hd-yuzey-3); color: #fff; }
[data-bs-theme="dark"] .dropdown-divider,
[data-theme="dark"] .dropdown-divider { border-color: var(--hd-cizgi); }

[data-bs-theme="dark"] .modal-content,
[data-bs-theme="dark"] .offcanvas,
[data-theme="dark"] .modal-content,
[data-theme="dark"] .offcanvas {
  background-color: var(--hd-yuzey);
  color: var(--hd-metin);
  border-color: var(--hd-cizgi);
}
[data-bs-theme="dark"] .modal-header,
[data-bs-theme="dark"] .modal-footer,
[data-theme="dark"] .modal-header,
[data-theme="dark"] .modal-footer { border-color: var(--hd-cizgi); }
/* Kapatma düğmesi koyu zeminde görünmez kalıyordu. */
[data-bs-theme="dark"] .btn-close,
[data-theme="dark"] .btn-close { filter: invert(1) grayscale(100%) brightness(200%); }

/* ---------- Liste / sekme / sayfalama ---------- */
[data-bs-theme="dark"] .list-group-item,
[data-theme="dark"] .list-group-item {
  background-color: var(--hd-yuzey);
  border-color: var(--hd-cizgi);
  color: var(--hd-metin);
}
[data-bs-theme="dark"] .nav-tabs,
[data-theme="dark"] .nav-tabs { border-bottom-color: var(--hd-cizgi); }
[data-bs-theme="dark"] .nav-tabs .nav-link,
[data-theme="dark"] .nav-tabs .nav-link { color: var(--hd-soluk); }
[data-bs-theme="dark"] .nav-tabs .nav-link.active,
[data-theme="dark"] .nav-tabs .nav-link.active {
  background-color: var(--hd-yuzey);
  border-color: var(--hd-cizgi) var(--hd-cizgi) var(--hd-yuzey);
  color: #fff;
}
[data-bs-theme="dark"] .page-link,
[data-theme="dark"] .page-link {
  background-color: var(--hd-yuzey);
  border-color: var(--hd-cizgi);
  color: var(--hd-metin-2);
}
[data-bs-theme="dark"] .page-item.active .page-link,
[data-theme="dark"] .page-item.active .page-link {
  background-color: var(--hd-kirmizi);
  border-color: var(--hd-kirmizi);
  color: #fff;
}

/* ---------- Uyarı kutuları ---------- */
[data-bs-theme="dark"] .alert-success,
[data-theme="dark"] .alert-success   { background: rgba(34,197,94,.12);  border-color: rgba(34,197,94,.34);  color: #6ee7a8; }
[data-bs-theme="dark"] .alert-danger,
[data-theme="dark"] .alert-danger    { background: rgba(227,30,36,.12);  border-color: rgba(227,30,36,.34);  color: #fca5a5; }
[data-bs-theme="dark"] .alert-warning,
[data-theme="dark"] .alert-warning   { background: rgba(240,173,78,.12); border-color: rgba(240,173,78,.34); color: #fcd34d; }
[data-bs-theme="dark"] .alert-info,
[data-theme="dark"] .alert-info      { background: rgba(56,189,248,.12); border-color: rgba(56,189,248,.34); color: #7dd3fc; }
[data-bs-theme="dark"] .alert-secondary,
[data-theme="dark"] .alert-secondary { background: var(--hd-yuzey-2);    border-color: var(--hd-cizgi);      color: var(--hd-metin); }

/* ---------- Düğmeler (yalnızca outline/light; dolu düğmeler zaten kontrastlı) ---------- */
[data-bs-theme="dark"] .btn-outline-secondary,
[data-theme="dark"] .btn-outline-secondary { color: var(--hd-metin-2); border-color: var(--hd-cizgi-2); }
[data-bs-theme="dark"] .btn-outline-secondary:hover,
[data-theme="dark"] .btn-outline-secondary:hover { background: var(--hd-yuzey-3); color: #fff; }
[data-bs-theme="dark"] .btn-outline-dark,
[data-theme="dark"] .btn-outline-dark { color: var(--hd-metin-2); border-color: var(--hd-cizgi-2); }
[data-bs-theme="dark"] .btn-outline-dark:hover,
[data-theme="dark"] .btn-outline-dark:hover { background: var(--hd-yuzey-3); color: #fff; }
[data-bs-theme="dark"] .btn-light,
[data-theme="dark"] .btn-light { background: var(--hd-yuzey-3); border-color: var(--hd-cizgi-2); color: var(--hd-metin); }

/* ---------- Site başlığı / altbilgi ---------- */
[data-theme="dark"] #siteHeader,
[data-bs-theme="dark"] #siteHeader {
  background: rgba(15,17,21,.94) !important;
  border-bottom: 1px solid var(--hd-cizgi);
}
[data-theme="dark"] .site-footer,
[data-bs-theme="dark"] .site-footer {
  background: #0c0e12;
  color: var(--hd-metin-2);
  border-top: 1px solid var(--hd-cizgi);
}

/* ---------- Ayraç, kod, kaydırma ---------- */
[data-bs-theme="dark"] hr,
[data-theme="dark"] hr { border-color: var(--hd-cizgi); opacity: 1; }
[data-bs-theme="dark"] code,
[data-theme="dark"] code { background: rgba(56,189,248,.10); color: #7dd3fc; padding: 1px 5px; border-radius: 4px; }
[data-bs-theme="dark"] pre,
[data-theme="dark"] pre { background: var(--hd-yuzey-2); color: var(--hd-metin); }

[data-bs-theme="dark"] ::-webkit-scrollbar-track,
[data-theme="dark"] ::-webkit-scrollbar-track { background: var(--hd-yuzey-2); }
[data-bs-theme="dark"] ::-webkit-scrollbar-thumb,
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: var(--hd-cizgi-2); border-radius: 6px; }

/* Tarayıcının kendi arayüzü (form kontrolleri, autofill, kaydırma) da koyu olsun. */
[data-bs-theme="dark"],
[data-theme="dark"] { color-scheme: dark; }

/* =========================================================================
   BİLEŞENE ÖZEL YÜZEYLER — 26.08 TEMA DENETİMİ
   (kullanıcı: "karanlık modda ve aydınlık modda eksiklikler var")

   NEDEN GEREKTİ: bu dosyanın üstündeki ezmeler Bootstrap YARDIMCI SINIFLARINI
   hedefliyor (.bg-white, .bg-light). Ekranların çoğu ise kendi <style>
   bloğunda kendi sınıfını sabit beyaza boyuyor; o sınıflar bu kapsamın
   dışında kalıyordu ve koyu kipte beyaz kutular olarak duruyorlardı.

   ÖLÇÜM: app/Views altında 178 sabit açık arka plan kuralı bulundu (74 dosya).
   Hepsi kusur DEĞİL — e-posta şablonları (emails/*) ve CV PDF şablonu
   (cv/pdf_template.php) BİLEREK beyaz kalmalı: e-posta istemcisi ve PDF
   çıktısı sitenin temasını izlemez, oralarda koyu zemin basılamaz/okunmaz.
   Bu yüzden toplu değiştirme YAPILMADI; en çok kullanılan sekiz ekranın
   yüzeyleri burada tek tek ele alınıyor.

   NEDEN KAYNAK DOSYALAR DEĞİL DE BURASI: 8 dosyada 47 kuralı elle değiştirmek
   yerine tek dosyada toplandı. Aynı oturumda bir toplu düzenleme 8 görünüm
   dosyasını bozmuştu; buradaki değişiklik hiçbir PHP dosyasına dokunmuyor ve
   dosya yüklenemezse site AÇIK temasıyla eksiksiz çalışmaya devam eder.

   !important ŞART: hedeflenen kurallar bileşenin kendi <style> bloğunda ve
   sayfa içinde, bu dosyadan SONRA geliyor. !important olmadan hiçbiri geçerli
   olmazdı.
   ========================================================================= */

/* ---- Sohbet kutusu (chatbox/page.php) ---- */
[data-theme="dark"] .cb-main,
[data-bs-theme="dark"] .cb-main,
[data-theme="dark"] .cb-header,
[data-bs-theme="dark"] .cb-header,
[data-theme="dark"] .cb-sidebar-header,
[data-bs-theme="dark"] .cb-sidebar-header,
[data-theme="dark"] .cb-modal,
[data-bs-theme="dark"] .cb-modal,
[data-theme="dark"] .cb-ctx-menu,
[data-bs-theme="dark"] .cb-ctx-menu,
[data-theme="dark"] .cb-mention-list,
[data-bs-theme="dark"] .cb-mention-list,
[data-theme="dark"] .cb-emoji-pick,
[data-bs-theme="dark"] .cb-emoji-pick,
[data-theme="dark"] .cb-tb-cmd,
[data-bs-theme="dark"] .cb-tb-cmd,
[data-theme="dark"] .cb-dur-btn,
[data-bs-theme="dark"] .cb-dur-btn {
  background: var(--hd-yuzey) !important;
  color: var(--hd-metin) !important;
  border-color: var(--hd-cizgi) !important;
}
/* Hover yüzeyleri bir ton açık — koyu kipte "üstüne gelindi" hissi ancak
   AÇILARAK verilebilir; açık kipteki gibi koyulaştırmak ters etki yapar. */
[data-theme="dark"] .cb-ctx-item:hover,
[data-bs-theme="dark"] .cb-ctx-item:hover,
[data-theme="dark"] .cb-online-item:hover,
[data-bs-theme="dark"] .cb-online-item:hover {
  background: var(--hd-yuzey-3) !important;
}

/* ---- Mesajlar (messages/index.php) ---- */
[data-theme="dark"] .dm-wrap,
[data-bs-theme="dark"] .dm-wrap,
[data-theme="dark"] .dm-main,
[data-bs-theme="dark"] .dm-main,
[data-theme="dark"] .dm-header,
[data-bs-theme="dark"] .dm-header,
[data-theme="dark"] .dm-input-area,
[data-bs-theme="dark"] .dm-input-area,
[data-theme="dark"] .dm-search,
[data-bs-theme="dark"] .dm-search,
[data-theme="dark"] .dm-new-btn,
[data-bs-theme="dark"] .dm-new-btn {
  background: var(--hd-yuzey) !important;
  color: var(--hd-metin) !important;
  border-color: var(--hd-cizgi) !important;
}
/* Karşı tarafın balonu: KENDİ balonundan ayırt edilebilmeli. Kendi balonu
   marka renginde kalıyor, bu yüzden karşı balon yüzey-2 tonunda. */
[data-theme="dark"] .dm-bubble.other,
[data-bs-theme="dark"] .dm-bubble.other {
  background: var(--hd-yuzey-2) !important;
  color: var(--hd-metin) !important;
}

/* ---- Akış (feed/index.php) ---- */
[data-theme="dark"] .compose-card,
[data-bs-theme="dark"] .compose-card,
[data-theme="dark"] .compose-modal,
[data-bs-theme="dark"] .compose-modal,
[data-theme="dark"] .compose-trigger,
[data-bs-theme="dark"] .compose-trigger,
[data-theme="dark"] .pp-type-btn,
[data-bs-theme="dark"] .pp-type-btn,
[data-theme="dark"] .pp-comment-body,
[data-bs-theme="dark"] .pp-comment-body,
[data-theme="dark"] .comment-bubble,
[data-bs-theme="dark"] .comment-bubble,
[data-theme="dark"] .comment-input,
[data-bs-theme="dark"] .comment-input {
  background: var(--hd-yuzey) !important;
  color: var(--hd-metin) !important;
  border-color: var(--hd-cizgi) !important;
}
[data-theme="dark"] .feed-action:hover,
[data-bs-theme="dark"] .feed-action:hover,
[data-theme="dark"] .pp-btn:hover,
[data-bs-theme="dark"] .pp-btn:hover,
[data-theme="dark"] .compose-action-btn:hover,
[data-bs-theme="dark"] .compose-action-btn:hover {
  background: var(--hd-yuzey-3) !important;
}

/* ---- Profil (profile/show.php) ---- */
[data-theme="dark"] .prof-hero,
[data-bs-theme="dark"] .prof-hero,
[data-theme="dark"] .prof-tl-icon,
[data-bs-theme="dark"] .prof-tl-icon,
[data-theme="dark"] .rank-badge,
[data-bs-theme="dark"] .rank-badge {
  background: var(--hd-yuzey) !important;
  color: var(--hd-metin) !important;
  border-color: var(--hd-cizgi) !important;
}

/* ---- Sayfa oluşturucu çıktısı (partials/_builder_renderer.php) ----
   Bu kartlar builder ile kurulan SAYFALARDA çıkıyor, yani anasayfa dahil
   ziyaretçinin ilk gördüğü yüzeyler. */
[data-theme="dark"] .dyn-article-card,
[data-bs-theme="dark"] .dyn-article-card,
[data-theme="dark"] .dyn-event-card,
[data-bs-theme="dark"] .dyn-event-card,
[data-theme="dark"] .dyn-sponsor-card,
[data-bs-theme="dark"] .dyn-sponsor-card,
[data-theme="dark"] .dyn-course,
[data-bs-theme="dark"] .dyn-course,
[data-theme="dark"] .dyn-thread,
[data-bs-theme="dark"] .dyn-thread,
[data-theme="dark"] .dyn-dl,
[data-bs-theme="dark"] .dyn-dl,
[data-theme="dark"] .dyn-fis,
[data-bs-theme="dark"] .dyn-fis {
  background: var(--hd-yuzey) !important;
  color: var(--hd-metin) !important;
  border-color: var(--hd-cizgi) !important;
}

/* ---- Forum (forum/board.php) ---- */
[data-theme="dark"] .thread-table,
[data-bs-theme="dark"] .thread-table {
  background: var(--hd-yuzey) !important;
  color: var(--hd-metin) !important;
}
[data-theme="dark"] .thread-table th,
[data-bs-theme="dark"] .thread-table th {
  background: var(--hd-yuzey-2) !important;
  color: var(--hd-metin-2) !important;
  border-color: var(--hd-cizgi) !important;
}

/* ---- SATIR İÇİ style="background:#fff" ----
   reviews/* ve events/* ekranlarında beyaz, sınıfla değil doğrudan style
   özniteliğiyle veriliyor (16 yer). Öznitelik-içerik seçicisi, o dosyalara
   hiç dokunmadan bunları yakalıyor. Boşluklu ve boşluksuz iki yazım da var,
   ikisi de ayrı ayrı hedefleniyor — birini atlamak yarısını beyaz bırakırdı. */
[data-theme="dark"] [style*="background:#fff"],
[data-bs-theme="dark"] [style*="background:#fff"],
[data-theme="dark"] [style*="background: #fff"],
[data-bs-theme="dark"] [style*="background: #fff"],
[data-theme="dark"] [style*="background-color:#fff"],
[data-bs-theme="dark"] [style*="background-color:#fff"],
[data-theme="dark"] [style*="background-color: #fff"],
[data-bs-theme="dark"] [style*="background-color: #fff"] {
  background: var(--hd-yuzey) !important;
  color: var(--hd-metin) !important;
}