/* ══════════════════════════════════════════════════════════════ FATSA GAZETESİ — Dark Mode Tetikleyici: Renk: #db2c1a (kırmızı/turuncu ton, beyaz arka plana oranla net) ══════════════════════════════════════════════════════════════ */ /* ─── Tema toggle butonu ─── */ .theme-toggle { width: 38px; height: 38px; border-radius: 50%; border: none; background: rgba(0,0,0,.06); cursor: pointer; display: flex; align-items: center; justify-content: center; color: #555; transition: background .2s, color .2s, transform .2s; flex-shrink: 0; } .theme-toggle:hover { background: rgba(219,44,26,.12); color: #db2c1a; transform: rotate(20deg); } [data-theme="dark"] .theme-toggle { background: rgba(255,255,255,.1); color: #f0c4bc; } [data-theme="dark"] .theme-toggle:hover { background: rgba(219,44,26,.25); color: #ff6b55; } /* ══════════════════════════════════════════════════════════════ KOYU TEMA DEĞİŞKENLERİ ══════════════════════════════════════════════════════════════ */ [data-theme="dark"] { --bg: #0f0f0f; --card: #1c1c1c; --text: #f0ece8; --text-2: #c4c0bc; --text-3: #888; --border: rgba(255,255,255,.09); --red: #db2c1a; --red-dark: #c02518; --red-glow: rgba(219,44,26,.35); --red-soft: rgba(219,44,26,.13); --sh1: 0 1px 3px rgba(0,0,0,.5); --sh2: 0 4px 16px rgba(0,0,0,.55); --sh3: 0 12px 40px rgba(0,0,0,.65); --sh4: 0 20px 60px rgba(0,0,0,.75); --sh-red: 0 8px 28px rgba(219,44,26,.4); } /* ─── Genel body ─── */ [data-theme="dark"] body { background: var(--bg); color: var(--text); } /* ─── Navbar ─── */ [data-theme="dark"] .gm-bar { background: rgba(15,15,15,.97); border-bottom-color: rgba(255,255,255,.08); box-shadow: 0 2px 20px rgba(0,0,0,.6); } [data-theme="dark"] .gm-logo-name { color: #f0ece8; } [data-theme="dark"] .gm-logo-name em { color: #db2c1a; } [data-theme="dark"] .gm-logo-tag { color: #666; } [data-theme="dark"] .gm-pill { background: transparent; box-shadow: none; } [data-theme="dark"] .gm-pill-icon { color: #aaa; } [data-theme="dark"] .gm-hamburger span { background: #f8fafc !important; box-shadow: 0 0 10px rgba(255,255,255,.22); } [data-theme="dark"] .gm-hamburger:hover span { background: #db2c1a !important; } @media (max-width: 900px) { [data-theme="dark"] .gm-search-toggle, [data-theme="dark"] .theme-toggle, [data-theme="dark"] .gm-hamburger { border-color: rgba(255,255,255,.16); background: radial-gradient(circle at 30% 18%, rgba(255,255,255,.28), rgba(255,255,255,.06) 38%, transparent 62%), linear-gradient(145deg, rgba(255,255,255,.16), rgba(255,255,255,.08)); box-shadow: inset 0 1px 0 rgba(255,255,255,.22), 0 10px 22px rgba(0,0,0,.38); color: #f8fafc; } } /* ─── Son dakika bar ─── */ [data-theme="dark"] .breaking-bar { background: #b82012; } /* ─── Widget / Card ─── */ [data-theme="dark"] .widget, [data-theme="dark"] .glow-card, [data-theme="dark"] .art-body-wrap, [data-theme="dark"] .art-title-card { background: var(--card) !important; border-color: var(--border); color: var(--text); } [data-theme="dark"] .glow-card { background-image: radial-gradient( 220px 220px at var(--mx, 50%) var(--my, 50%), hsl(var(--glow-h, 0) 70% 50% / 0.08) 0%, transparent 80% ); } /* ─── Widget başlıkları ─── */ [data-theme="dark"] .wdg-title { color: #db2c1a; border-color: #db2c1a; } [data-theme="dark"] .widget-head h3 { color: var(--text); } /* ─── Haberler / Kartlar ─── */ [data-theme="dark"] .news-card, [data-theme="dark"] .ig-card, [data-theme="dark"] .igp-card { background: var(--card); border-color: var(--border); } [data-theme="dark"] .news-card:hover, [data-theme="dark"] .ig-card:hover { box-shadow: 0 12px 36px rgba(0,0,0,.7); } [data-theme="dark"] .ig-card-title, [data-theme="dark"] .igp-title, [data-theme="dark"] .ni-title, [data-theme="dark"] .nc-title { color: var(--text); } [data-theme="dark"] .ig-card:hover .ig-card-title, [data-theme="dark"] .igp-card:hover .igp-title { color: #db2c1a; } [data-theme="dark"] .ig-card-summary, [data-theme="dark"] .igp-summary { color: var(--text-3); } /* ─── Instagram post header ─── */ [data-theme="dark"] .igp-header { border-bottom-color: rgba(255,255,255,.07); } [data-theme="dark"] .igp-handle { color: var(--text); } [data-theme="dark"] .igp-card-footer { border-top-color: rgba(255,255,255,.08); } [data-theme="dark"] .igp-action-btn { color: #888; } [data-theme="dark"] .igp-action-btn:hover { color: #db2c1a; } /* ─── Ana sayfa layout ─── */ [data-theme="dark"] body { --bg: #0f0f0f; } /* ─── Sidebar sağ/sol ─── */ [data-theme="dark"] .lsb-widget, [data-theme="dark"] .right-sidebar .widget { background: var(--card); border-color: var(--border); } [data-theme="dark"] .lsb-ecz-name, [data-theme="dark"] .lsb-hat-name { color: var(--text); } [data-theme="dark"] .lsb-wx-temp { color: var(--text); } [data-theme="dark"] .lsb-findik-fiyat { color: var(--text); } /* ─── Son dakika widget ─── */ [data-theme="dark"] .sdk-row a { color: var(--text-2); } [data-theme="dark"] .sdk-row:hover { background: var(--red-soft); } /* ─── Lig tablosu ─── */ [data-theme="dark"] .lig-row { color: var(--text-2); } [data-theme="dark"] .lig-biz { background: rgba(219,44,26,.15); color: var(--text); } [data-theme="dark"] .lig-header { color: var(--text-3); } /* ─── Breadcrumb ─── */ [data-theme="dark"] .art-breadcrumb a { color: #666; } [data-theme="dark"] .art-breadcrumb a:hover { color: #db2c1a; } /* ─── Makale başlık kartı ─── */ [data-theme="dark"] .art-tc-h1 { color: #db2c1a; } [data-theme="dark"] .art-tc-aname { color: var(--text); } [data-theme="dark"] .art-tc-summary{ color: var(--text-3); border-color: rgba(219,44,26,.35); } [data-theme="dark"] .art-tc-meta { border-top-color: rgba(255,255,255,.08); } [data-theme="dark"] .art-tc-stat { background: rgba(255,255,255,.08); color: #888; } /* ─── Makale içerik ─── */ [data-theme="dark"] .art-prose { color: var(--text-2); } [data-theme="dark"] .art-prose h2, [data-theme="dark"] .art-prose h3 { color: var(--red); } [data-theme="dark"] .art-prose blockquote { background: rgba(219,44,26,.12); border-color: #db2c1a; color: var(--text-3); } [data-theme="dark"] .art-prose a { color: #ff6b55; } [data-theme="dark"] .art-author-box{ background: #222; border-color: var(--border); } [data-theme="dark"] .art-author-name { color: var(--text); } [data-theme="dark"] .art-author-bio { color: var(--text-3); } /* ─── Yorum formu ─── */ [data-theme="dark"] .art-comment-form { background: #222; border-color: var(--border); } [data-theme="dark"] .art-comment-form h3 { color: var(--text); } [data-theme="dark"] .form-row label { color: var(--text-3); } [data-theme="dark"] .form-row input, [data-theme="dark"] .form-row textarea { background: #1a1a1a; border-color: rgba(255,255,255,.12); color: var(--text); } [data-theme="dark"] .form-row input:focus, [data-theme="dark"] .form-row textarea:focus { border-color: #db2c1a; box-shadow: 0 0 0 3px rgba(219,44,26,.18); } [data-theme="dark"] .comment-item { border-bottom-color: var(--border); } [data-theme="dark"] .comment-avatar{ background: rgba(219,44,26,.15); color: #db2c1a; } [data-theme="dark"] .comment-name { color: var(--text); } [data-theme="dark"] .comment-text { color: var(--text-2); } /* ─── İlgili haberler ─── */ [data-theme="dark"] .art-related-card { background: #222; border-color: var(--border); } [data-theme="dark"] .art-related-card:hover { background: rgba(219,44,26,.12); } [data-theme="dark"] .art-related-ttl { color: var(--text-2); } [data-theme="dark"] .art-related-card:hover .art-related-ttl { color: #db2c1a; } [data-theme="dark"] .art-related-time { color: var(--text-3); } /* ─── Tag pills ─── */ [data-theme="dark"] .tag-pill { background: #222; border-color: var(--border); color: var(--text-3); } [data-theme="dark"] .tag-pill:hover { background: #db2c1a; color: #fff; border-color: #db2c1a; } /* ─── Paylaşım butonları ─── */ [data-theme="dark"] .art-share-btn.cp { background: #2a2a2a; color: var(--text-2); border-color: var(--border); } /* ─── Cat badge ─── */ [data-theme="dark"] .cat-badge { background: #db2c1a; } /* ─── Footer ─── */ [data-theme="dark"] .site-footer { background: #0a0a0a; border-top-color: rgba(255,255,255,.08); color: var(--text-3); } [data-theme="dark"] .site-footer a { color: var(--text-3); } [data-theme="dark"] .site-footer a:hover { color: #db2c1a; } /* ─── News list / grid ─── */ [data-theme="dark"] .news-list { background: var(--card); border-color: var(--border); } [data-theme="dark"] .news-item { border-bottom-color: var(--border); } [data-theme="dark"] .news-item:hover { background: linear-gradient(90deg, var(--red-soft), #1c1c1c); } [data-theme="dark"] .sec-head { border-bottom-color: #db2c1a; } [data-theme="dark"] .sec-head h2 { color: var(--text); } [data-theme="dark"] .sec-head a { color: #db2c1a; } /* ─── Popular widget ─── */ [data-theme="dark"] .popular-row:hover { background: var(--red-soft); } [data-theme="dark"] .popular-title { color: var(--text-2); } [data-theme="dark"] .pop-num { color: #db2c1a; } [data-theme="dark"] .pop-img-ph { background: #2a2a2a; } /* ─── Haberler grid ─── */ [data-theme="dark"] .ig-card-img-ph { opacity: .7; } [data-theme="dark"] .ig-card-footer { border-top-color: rgba(255,255,255,.08); } /* ─── Story buttons ─── */ [data-theme="dark"] .story-label { color: var(--text-3); } [data-theme="dark"] .story-btn.active .story-label { color: #db2c1a; } [data-theme="dark"] .story-inner { background: #1c1c1c; border: 2.5px solid #1c1c1c; } /* ─── home-trending-label ─── */ [data-theme="dark"] .home-trending-label { color: #db2c1a; } [data-theme="dark"] .home-trending-label::before, [data-theme="dark"] .home-trending-label::after { background: rgba(255,255,255,.1); } [data-theme="dark"] .load-more-btn { background: #1c1c1c; color: var(--text-2); border-color: var(--border); } [data-theme="dark"] .load-more-btn:hover { border-color: #db2c1a; color: #db2c1a; background: var(--red-soft); } /* ─── Category hero ─── */ [data-theme="dark"] .cat-hero { background: transparent !important; box-shadow: none !important; } [data-theme="dark"] .cat-hero-content { filter: drop-shadow(0 20px 34px rgba(0,0,0,.34)); } [data-theme="dark"] .cat-hero-icon { filter: drop-shadow(0 10px 18px color-mix(in srgb, var(--cc, #db2c1a) 38%, transparent)); } [data-theme="dark"] .cat-hero-name { color: #f8fafc; text-shadow: 0 1px 0 rgba(255,255,255,.08), 0 22px 42px rgba(0,0,0,.36); } /* ─── Scroll bar genel ─── */ [data-theme="dark"] * { scrollbar-color: #333 #111; } [data-theme="dark"] ::-webkit-scrollbar-thumb { background: #333; } [data-theme="dark"] ::-webkit-scrollbar-track { background: #111; }