/* ========================================================================== store-dark.css — MAĞAZA KOYU MOD (override katmanı) -------------------------------------------------------------------------- Mağazanın varsayılan hâli açık temadır. Bu dosya yalnızca iken devreye girer; tek başına hiçbir şey değiştirmez. Geri almak için magaza_ust.php içindeki tek satırını silmek yeterli. store.css baştan sona CSS değişkeni kullandığı için işin %90'ı aşağıdaki tek :root bloğuyla çözülüyor. Kalan kısım, stil dosyasında sabit yazılmış beyaz zeminler — bunlar tek tek ele alınıyor. BİLEREK BEYAZ KALANLAR: ürün fotoğrafı alanları (.pcard-media, .pd-thumb, .pd-media, .cmp-chip img) ve renkli zemin üzerindeki butonlar. Tedarikçi görselleri şeffaf PNG ve beyaz zemine göre çekiliyor; koyu zeminde ürünün kendisi kayboluyor. ========================================================================== */ html[data-theme="dark"] { color-scheme: dark; --c-bg: #0b1220; --c-surface: #111c30; --c-surface-2: #16233b; --c-ink: #e8eef7; --c-ink-2: #b9c6d8; --c-muted: #93a4bb; --c-line: #22344f; --c-line-2: #1a2942; --primary: #4a90e2; --primary-d: #7ab4f0; --primary-dd: #a6cdf7; --primary-soft: #16273f; --primary-ring: rgba(74, 144, 226, 0.24); --success: #4ade80; --success-soft: #10291d; --danger: #f87171; --danger-soft: #2c1618; --warning: #fbbf24; --warning-soft: #2b2110; --star: #fbbf24; --price: #e8eef7; --sh-xs: 0 1px 2px rgba(0,0,0,0.35); --sh-sm: 0 1px 3px rgba(0,0,0,0.45), 0 1px 2px rgba(0,0,0,0.3); --sh-md: 0 6px 16px rgba(0,0,0,0.5); --sh-lg: 0 16px 40px rgba(0,0,0,0.6); } /* ---------- SABİT BEYAZ ZEMİNLER ---------- Aşağıdakiler store.css'te doğrudan #fff yazıldığı için değişkenden etkilenmiyor. Hepsi "yüzey" anlamında beyaz; koyu modda yüzey rengine çekiliyor. */ html[data-theme="dark"] .magaza-search input:focus, html[data-theme="dark"] .oz-ara input:focus, html[data-theme="dark"] .shop-sort select, html[data-theme="dark"] .shop-sayfa-boyut select, html[data-theme="dark"] .gs-btn, html[data-theme="dark"] .qty, html[data-theme="dark"] .qty button, html[data-theme="dark"] .oz-kutu, html[data-theme="dark"] .uno-kopya, html[data-theme="dark"] .vitrin-ok, html[data-theme="dark"] .marka-chip, html[data-theme="dark"] .ss-dot, html[data-theme="dark"] .misafir-bar .mb-btn, html[data-theme="dark"] .misafir-devam, html[data-theme="dark"] .sticky-cart-bar, html[data-theme="dark"] .toast-item, html[data-theme="dark"] .pd-actions .fav-btn { background: var(--c-surface); color: var(--c-ink); } /* Açılır paneller ve modallar bir tık daha açık olsun ki arkadaki sayfadan ayrışsın. */ html[data-theme="dark"] .bc-drop-menu, html[data-theme="dark"] .ac-kutu, html[data-theme="dark"] .bw-katmenu, html[data-theme="dark"] .bw-mega, html[data-theme="dark"] .cmp-panel, html[data-theme="dark"] .sepet-onizleme, html[data-theme="dark"] .modal-kutu { background: var(--c-surface-2); border-color: var(--c-line); } /* Form alanları: açık temada beyaz zeminliydi. */ html[data-theme="dark"] input[type="text"], html[data-theme="dark"] input[type="tel"], html[data-theme="dark"] input[type="email"], html[data-theme="dark"] input[type="password"], html[data-theme="dark"] input[type="number"], html[data-theme="dark"] input[type="search"], html[data-theme="dark"] textarea, html[data-theme="dark"] select { background: var(--c-surface-2); color: var(--c-ink); border-color: var(--c-line); } html[data-theme="dark"] input::placeholder, html[data-theme="dark"] textarea::placeholder { color: var(--c-muted); } /* Sarı/turuncu bilgi kutuları sabit açık hex ile yazılmıştı. */ html[data-theme="dark"] .kvkk-not { background: #2b2110; border-color: #4a3a15; color: #e3cd93; } html[data-theme="dark"] .hs-durum.d-hazir { background: #2b2110; color: #fbbf24; } /* Footer zaten koyu; koyu modda arka planla birleşmesin diye bir tık daha koyu. */ html[data-theme="dark"] .magaza-footer { background: #070d18; } /* Skeleton parlaması açık tonlara göre ayarlıydı, koyu zeminde göz alıyordu. */ html[data-theme="dark"] .pcard-media:not(.img-yuklendi), html[data-theme="dark"] .pd-media:not(.img-yuklendi) { background-image: linear-gradient(90deg, #16233b 25%, #1e2f4d 37%, #16233b 63%); } /* Galeri okları ve sepet ön izleme ikon kutusu da sabit beyazdı. */ html[data-theme="dark"] .pd-gal-ok, html[data-theme="dark"] .so-ph { background: var(--c-surface-2); color: var(--c-ink); border-color: var(--c-line); } html[data-theme="dark"] .pd-gal-ok:hover { background: var(--c-surface); color: var(--primary-d); } /* Tema düğmesi */ html[data-theme="dark"] .tema-btn { color: #fbbf24; } /* 2026-08-20: Sihirbaz düğmesi. store.css'te açık mor→mavi gradyanla sabit yazılmıştı; koyu modda yazı rengi açığa dönünce "Sihirbazı" görünmez oluyordu. */ html[data-theme="dark"] .hdr-btn.hdr-wz { background: linear-gradient(135deg, #221b3d, #16233b); border-color: #33305c; } html[data-theme="dark"] .hdr-btn.hdr-wz:hover { background: linear-gradient(135deg, #2b2350, #1e2f4d); } html[data-theme="dark"] .hdr-btn.hdr-wz .ic { color: #a78bfa; }