/* =========================================================== Birhaber — Karanlık tema (dark mode) style.css ve responsive.css'ten SONRA yüklenir. Etkin olması için (toggle JS + localStorage). Çoğu şey semantik değişkenlerle çözülür; arka planda --ink kullanan öğeler ve sabit kodlanmış birkaç renk hedefli olarak düzeltilir. =========================================================== */ [data-theme="dark"] { /* Yüzeyler */ --bg: #15171c; --paper: #1b1e24; --soft: #20242b; /* Metin (--ink artık en GÜÇLÜ açık ton) */ --ink: #f2f3f5; --text: #d4d7dd; --muted: #969ca6; --faint: #6b717b; /* Çizgiler */ --rule: #2a2f37; --rule-2: #3a404a; --rule-strong: #525863; /* Marka / vurgu — koyu zeminde okunur tonlar */ --accent: #7ea2ff; --accent-ink: #9ab4ff; --live: #ff5a4d; --up: #46c97e; --down: #ff6b5e; } /* Yumuşak geçiş (toggle anında) */ [data-theme="dark"] body, [data-theme="dark"] .site-top, [data-theme="dark"] .masthead-nav, [data-theme="dark"] .ticker { transition: background-color .25s ease, color .25s ease; } /* ---- Arka planı --ink olan öğeler: açık çip + koyu metin (ters görünüm) ---- */ [data-theme="dark"] .ticker-tag, [data-theme="dark"] .back-to-top, [data-theme="dark"] .page-num.is-current, [data-theme="dark"] .subscribe .btn-solid, [data-theme="dark"] .promo-tab.is-active, [data-theme="dark"] .btn-dark { color: var(--bg); } [data-theme="dark"] .subscribe .btn-solid:hover { background: #cdd2da; } [data-theme="dark"] .back-to-top:hover { background: var(--accent); color: var(--bg); } /* WhatsApp modu yeşil kalsın, üzerinde beyaz metin okunaklı olsun */ [data-theme="dark"] .subscribe.is-wa .promo-tab.is-active, [data-theme="dark"] .subscribe.is-wa .btn-solid { color: #07210f; } /* ---- Logo: koyu PNG'yi beyaza çevir ---- */ [data-theme="dark"] .brand-logo, [data-theme="dark"] .footer-logo img { filter: brightness(0) invert(1); opacity: .92; } /* ---- Sabit kodlanmış koyu metni düzelt ---- */ [data-theme="dark"] .article-body { color: var(--text); } /* ---- Form alanları (beyaz arka planlar) ---- */ [data-theme="dark"] .comment-input, [data-theme="dark"] .reply-form textarea, [data-theme="dark"] .comments-sort select, [data-theme="dark"] .contact-field input, [data-theme="dark"] .contact-field textarea, [data-theme="dark"] .contact-field select, [data-theme="dark"] .cf-input input, [data-theme="dark"] .cf-input textarea, [data-theme="dark"] .cs-trigger, [data-theme="dark"] .cs-list, [data-theme="dark"] .login-field input, [data-theme="dark"] .subscribe input { background: var(--paper); color: var(--text); border-color: var(--rule-2); } [data-theme="dark"] .cs-list li:hover, [data-theme="dark"] .cs-list li.is-selected { background: var(--soft); } [data-theme="dark"] .comment-input::placeholder, [data-theme="dark"] .subscribe input::placeholder, [data-theme="dark"] .reply-form textarea::placeholder, [data-theme="dark"] .search-form input::placeholder { color: var(--faint); } /* ---- Butonlar (çerçeveli) ---- */ [data-theme="dark"] .btn-outline { color: var(--ink); border-color: var(--rule-2); } [data-theme="dark"] .btn-outline:hover { border-color: var(--ink); } /* ---- Arama paneli (tam ekran, beyaz arka plandı) ---- */ [data-theme="dark"] .search-panel { background: rgba(15, 17, 22, .98); } [data-theme="dark"] .search-tags a { background: var(--paper); border-color: var(--rule-2); } [data-theme="dark"] .search-tags a:hover { background: var(--ink); color: var(--bg); border-color: var(--ink); } /* ---- Açılır alt menü gölgesi ---- */ [data-theme="dark"] .subnav { box-shadow: 0 14px 34px rgba(0, 0, 0, .55); } /* ---- Footer hesap ikonları / sosyal: currentColor zaten uyumlu ---- */ /* ---- Tema butonu ikonu: koyu modda ay göster, güneşi gizle ---- */ [data-theme="dark"] .theme-toggle .icon-sun { display: none; } [data-theme="dark"] .theme-toggle .icon-moon { display: block; } /* ---- intl-tel-input (lazy yüklenen telefon alanı) açılır listesi ---- */ [data-theme="dark"] .iti__country-list { background: var(--paper); border-color: var(--rule-2); color: var(--text); box-shadow: 0 10px 28px rgba(0, 0, 0, .55); } [data-theme="dark"] .iti__country.iti__highlight { background: var(--soft); } [data-theme="dark"] .iti__dial-code { color: var(--muted); } [data-theme="dark"] .iti__divider { border-color: var(--rule-2); } [data-theme="dark"] .iti--separate-dial-code .iti__selected-flag { background: rgba(255, 255, 255, .05); } [data-theme="dark"] .iti--separate-dial-code .iti__selected-flag:hover, [data-theme="dark"] .iti__country.iti__highlight { background: rgba(255, 255, 255, .08); } /* ---- Reklam placeholder'ları zaten --soft/--rule-2 ile koyu uyumlu ---- */ /* ---- Görsellerde hafif yumuşatma (çok parlak görünmesin) ---- */ [data-theme="dark"] .article-hero img, [data-theme="dark"] .article-figure img { filter: brightness(.92); } /* Üyelik hesap menüsü — koyu mod */ [data-theme="dark"] .user-menu-pop { background: var(--paper); border-color: var(--rule); }