/* TEMA + VERİ GÖRÜNÜMÜ (r20260830-09) Sahip emri: "tasarım da benzesin, girince tanıdık gelsin" (referans: tr.investing.com). MİMARİ · VARSAYILAN = açık "veri görünümü": finans portallerinin tanıdık dili — açık zemin, beyaz kutular, ince gri hatlar, küçük köşe yarıçapı, yoğun satırlar, 14–15px veri metni. Seçici `:root:not([data-tema="koyu"])` olduğu için JS GEREKTİRMEZ (JS kapalıyken de gelir). · KOYU tema tek tıkla döner (`data-tema="koyu"`) — markanın lacivert/altın kimliği korunur. · MARKA RENKLERİ DEĞİŞMEDİ: lacivert başlık, altın vurgu ve logo aynı; değişen yalnız yüzey/yoğunluk dili. Korumalı assets/css'e DOKUNULMAZ; her şey bu dosyada yaşar. · site.css tasarım TOKEN'larını var() ile okuduğu için (--sp, --rad, --bg, --panel …) token override'ı tüm siteye yayılır; bileşen kuralları yalnız token'ın yetmediği yerde yazıldı. */ /* ================================================================ 1. VERİ GÖRÜNÜMÜ (varsayılan) — token katmanı ================================================================ */ :root:not([data-tema="koyu"]) { /* yüzeyler */ --bg: #F1F3F7; /* sayfa zemini */ --soft: #FFFFFF; /* açık blok */ --panel: #FFFFFF; /* koyu panel → beyaz kart */ --panel2: #F7F9FC; --panelln: #DFE5EE; --border: #DFE5EE; --gold-line: #DFE5EE; /* hatlar altın değil, nötr gri (portal dili) */ --ink: #16202F; --dgray: #5C6B80; --paleyel: #FFF8EC; /* geometri: küçük yarıçap, sıkı ritim */ --rad: 6px; --rad-sm: 4px; --sp: 26px; /* bölüm boşluğu: clamp(46–82px) → 26px */ --sh1: 0 1px 2px rgba(16, 32, 47, .07); --sh2: 0 1px 3px rgba(16, 32, 47, .10); } :root:not([data-tema="koyu"]) body { background: var(--bg); color: var(--ink); font-size: 15px; line-height: 1.55; } :root:not([data-tema="koyu"]) .home-shell { background: var(--bg); } /* --- tipografi: veri portali ölçüsü --- */ :root:not([data-tema="koyu"]) main h1 { font-size: clamp(1.5rem, 2.4vw, 2rem); line-height: 1.22; } :root:not([data-tema="koyu"]) main h2 { font-size: 1.22rem; line-height: 1.3; margin: 22px 0 8px; } :root:not([data-tema="koyu"]) main h3 { font-size: 1.02rem; margin: 16px 0 6px; } :root:not([data-tema="koyu"]) main p, :root:not([data-tema="koyu"]) main li { font-size: .95rem; } :root:not([data-tema="koyu"]) .lead { font-size: 1rem; color: #33445C; } :root:not([data-tema="koyu"]) .microcopy, :root:not([data-tema="koyu"]) .muted { color: #64748B; font-size: .86rem; } :root:not([data-tema="koyu"]) .eyebrow { color: #8A6B2B; font-size: .7rem; letter-spacing: .1em; } :root:not([data-tema="koyu"]) .crumb { font-size: .82rem; color: #566372; padding: 10px 0 4px; } /* 4,28→5,0:1 (2026-09-04 denetimi) */ :root:not([data-tema="koyu"]) .crumb a { color: #33445C; } :root:not([data-tema="koyu"]) main a { color: #1B4E8A; } :root:not([data-tema="koyu"]) main a:hover { color: #8A6B2B; } /* --- bölüm ritmi: kalın boşluk yerine ince ayraç --- */ :root:not([data-tema="koyu"]) main .section { padding: 22px 0; } :root:not([data-tema="koyu"]) main .section + .section { border-top: 1px solid #E4E9F1; } :root:not([data-tema="koyu"]) .section-head { margin-bottom: 10px; } /* --- kutular: beyaz + hairline + küçük yarıçap --- */ :root:not([data-tema="koyu"]) .card, :root:not([data-tema="koyu"]) .tile, :root:not([data-tema="koyu"]) .panel, :root:not([data-tema="koyu"]) .panel-lt, :root:not([data-tema="koyu"]) .band-card, :root:not([data-tema="koyu"]) .kh-kart, :root:not([data-tema="koyu"]) .tv-card, :root:not([data-tema="koyu"]) .tv-frame, :root:not([data-tema="koyu"]) .aday-kart, :root:not([data-tema="koyu"]) .bulucu-kart, :root:not([data-tema="koyu"]) .ha-durum, :root:not([data-tema="koyu"]) .ha-ozet-kart, :root:not([data-tema="koyu"]) .kaynak-belge, :root:not([data-tema="koyu"]) .aday-neden-kutu, :root:not([data-tema="koyu"]) .founder-frame, :root:not([data-tema="koyu"]) .kapi, :root:not([data-tema="koyu"]) .karo { background: #FFFFFF; border: 1px solid #DFE5EE; border-radius: var(--rad); box-shadow: none; color: var(--ink); } :root:not([data-tema="koyu"]) .card:hover, :root:not([data-tema="koyu"]) .tile:hover, :root:not([data-tema="koyu"]) .kapi:hover, :root:not([data-tema="koyu"]) .karo:hover { border-color: #B9C6D8; box-shadow: var(--sh1); } :root:not([data-tema="koyu"]) .card a, :root:not([data-tema="koyu"]) .tile a, :root:not([data-tema="koyu"]) .kapi strong, :root:not([data-tema="koyu"]) .karo { color: #16202F; } :root:not([data-tema="koyu"]) .kapi-ust { color: #8A6B2B; } :root:not([data-tema="koyu"]) .kapi-alt, :root:not([data-tema="koyu"]) .tile p { color: #5C6B80; } /* --- tablolar: portal görünümü (gri başlık, hairline satır, hover) --- */ :root:not([data-tema="koyu"]) main table { border-collapse: collapse; width: 100%; background: #FFFFFF; } :root:not([data-tema="koyu"]) main table th { background: #EEF2F8; color: #33445C; font-size: .8rem; font-weight: 700; text-align: left; border-bottom: 1px solid #D8E0EC; letter-spacing: .01em; } :root:not([data-tema="koyu"]) main table td { border-bottom: 1px solid #EDF1F7; color: #16202F; } :root:not([data-tema="koyu"]) main table tbody tr:hover { background: #F7F9FC; } :root:not([data-tema="koyu"]) .tb-kaydir { border: 1px solid #DFE5EE; border-radius: var(--rad); } :root:not([data-tema="koyu"]) table.tb-aktif th.tb-sirali:hover { color: #8A6B2B; } :root:not([data-tema="koyu"]) table.tb-aktif th.tb-artan::after, :root:not([data-tema="koyu"]) table.tb-aktif th.tb-azalan::after { color: #8A6B2B; } /* --- çipler/rozetler: küçük, kare, nötr --- */ :root:not([data-tema="koyu"]) .chip, :root:not([data-tema="koyu"]) .kume-chip { background: #FFFFFF; border: 1px solid #DFE5EE; color: #33445C; border-radius: 4px; font-size: .82rem; padding: 5px 10px; } :root:not([data-tema="koyu"]) .chip:hover, :root:not([data-tema="koyu"]) .kume-chip:hover { border-color: #8A6B2B; color: #8A6B2B; } :root:not([data-tema="koyu"]) .badge, :root:not([data-tema="koyu"]) .tv-badge, :root:not([data-tema="koyu"]) .aday-statu, :root:not([data-tema="koyu"]) .ha-durum-meta { background: #EEF2F8; color: #33445C; border: 1px solid #DFE5EE; border-radius: 4px; } /* --- düğmeler --- */ :root:not([data-tema="koyu"]) .btn { border-radius: var(--rad-sm); } :root:not([data-tema="koyu"]) .btn-primary, /* Korumalı site.css:227 bu düğmeye `color:#F2C55C !important` veriyor. Açık temada zemini altın yaptığımız için altın-üstüne-altın (1,44:1) kalıyordu — gövde geneli kontrast denetiminde yakalandı (2026-08-31, her sayfada görünür kusur). Korumalı dosya değiştirilemeyeceği için renk BURADA !important ile geri alınır: #16202F ↔ #C9A45C = 7,6:1. */ :root:not([data-tema="koyu"]) .top .nav-cta-top, :root:not([data-tema="koyu"]) .nav-cta-top { background: #C9A45C !important; color: #16202F !important; border-color: #B8914A !important; } :root:not([data-tema="koyu"]) .top .nav-cta-top:hover, :root:not([data-tema="koyu"]) .nav-cta-top:hover { background: #B8914A !important; color: #0B1B33 !important; } :root:not([data-tema="koyu"]) .section .btn.btn-secondary { color: #1B4E8A; } :root:not([data-tema="koyu"]) .section .btn.btn-secondary:hover { color: #8A6B2B; } /* --- hero: kompakt bilgi bandı (dev vitrin değil) --- */ :root:not([data-tema="koyu"]) .hero { background: linear-gradient(180deg, #FFFFFF 0%, #F7F9FC 100%); color: var(--ink); border: 1px solid #DFE5EE; border-radius: var(--rad); margin: 10px 0 0; padding: 22px 24px; } :root:not([data-tema="koyu"]) .hero h1 { color: #102A4C; } :root:not([data-tema="koyu"]) .hero h1 .serif, :root:not([data-tema="koyu"]) .hero h1 .serif em { color: #16202F; } /* #8A6B2B açık zeminde 4,48:1 ölçüldü (AA eşiği 4,5). Bir tık koyulaştırıldı: 6,1:1. Marka altını başlıkta korunur, yalnız okunur hâle gelir. */ :root:not([data-tema="koyu"]) .hero h1 .accent { color: #6F5518; } :root:not([data-tema="koyu"]) .hero .lead { color: #33445C; } :root:not([data-tema="koyu"]) .ambient, :root:not([data-tema="koyu"]) .ambient-grid { display: none; } /* 2026-09-04 (sahip ekran görüntüsü: "sayılar okunmuyor"): .statstrip .st kartının zemini korumalı site.css'te TEMADAN BAĞIMSIZ koyu lacivert gradyandır (#0E2240→#102A4C). Önceki kural gündüz temasında metni #102A4C'ye çeviriyordu — koyu üstüne koyu, fiilen görünmez. Kart her iki temada KOYU YÜZEYDİR; gündüzde de açık mürekkep kullanılır (altın 10,3:1 · etiket 7,4:1 — koyu zemine karşı ölçülü). */ :root:not([data-tema="koyu"]) .statstrip .n { color: #F2C55C; } :root:not([data-tema="koyu"]) .statstrip .l { color: #B9C6DA; } /* --- üst bantlar: marka lacivert KORUNUR --- */ :root:not([data-tema="koyu"]) .top { background: #0B1B33; border-bottom: 1px solid #16386A; } :root:not([data-tema="koyu"]) .dp-banner { background: #102A4C; color: #E8EEF7; border-bottom: 1px solid #16386A; } :root:not([data-tema="koyu"]) .dp-banner .dp-txt { color: #E8EEF7; } :root:not([data-tema="koyu"]) .dp-banner .dp-sub { color: #9FB0CC; } :root:not([data-tema="koyu"]) .dp-banner .dp-link { color: #E4C98A; } :root:not([data-tema="koyu"]) .guncel-strip { background: #FFF8EC !important; border-color: #E0CDA4 !important; color: #16202F; } :root:not([data-tema="koyu"]) .guncel-strip span { color: #16202F; } :root:not([data-tema="koyu"]) .guncel-strip a { color: #8A6B2B !important; } :root:not([data-tema="koyu"]) .hz-bar { background: #FFFFFF; border-bottom: 1px solid #DFE5EE; } :root:not([data-tema="koyu"]) .hz-ic a { color: #33445C; } :root:not([data-tema="koyu"]) .hz-ic a:hover, :root:not([data-tema="koyu"]) .hz-ic a.hz-aktif { color: #8A6B2B; } :root:not([data-tema="koyu"]) .hz-ic a.hz-aktif { border-bottom-color: #C9A45C; } :root:not([data-tema="koyu"]) .hz-ara { color: #33445C; border-color: #DFE5EE; } /* --- formlar --- */ :root:not([data-tema="koyu"]) input, :root:not([data-tema="koyu"]) select, :root:not([data-tema="koyu"]) textarea { background: #FFFFFF; color: #16202F; border: 1px solid #CBD5E3; border-radius: var(--rad-sm); } :root:not([data-tema="koyu"]) .site-search input, :root:not([data-tema="koyu"]) .big-search input { background: #FFFFFF; color: #16202F; } :root:not([data-tema="koyu"]) .tb-filtre input { background: #FFFFFF; border-color: #CBD5E3; color: #16202F; } /* --- anlık arama paneli (açık) --- */ :root:not([data-tema="koyu"]) .aa-perde { background: rgba(16, 32, 47, .45); } :root:not([data-tema="koyu"]) .aa-panel { background: #FFFFFF; border-color: #DFE5EE; box-shadow: 0 18px 50px rgba(16, 32, 47, .18); } :root:not([data-tema="koyu"]) .aa-ust { border-bottom-color: #EDF1F7; } :root:not([data-tema="koyu"]) .aa-girdi, :root:not([data-tema="koyu"]) .aa-ad { color: #16202F; } :root:not([data-tema="koyu"]) .aa-satir:hover, :root:not([data-tema="koyu"]) .aa-satir.on { background: #F1F5FA; border-color: #DFE5EE; } :root:not([data-tema="koyu"]) .aa-oz, :root:not([data-tema="koyu"]) .aa-yol, :root:not([data-tema="koyu"]) .aa-alt, :root:not([data-tema="koyu"]) .aa-durum { color: #5C6B80; } :root:not([data-tema="koyu"]) .aa-alt { border-top-color: #EDF1F7; } :root:not([data-tema="koyu"]) .aa-alt kbd { background: #F1F5FA; color: #33445C; border-color: #DFE5EE; } :root:not([data-tema="koyu"]) .aa-grupbas { color: #8A6B2B; } :root:not([data-tema="koyu"]) .aa-kapat { color: #5C6B80; border-color: #DFE5EE; } :root:not([data-tema="koyu"]) .aa-ad mark { background: #FDF0CE; color: #6B5216; } /* --- diğer yüzeyler --- */ :root:not([data-tema="koyu"]) .feragat { background: #FFF8EC; border: 1px solid #E0CDA4; color: #4A3B1E; border-radius: var(--rad); } :root:not([data-tema="koyu"]) .tema-dugme { color: #E4C98A; border-color: rgba(201, 164, 92, .55); } :root:not([data-tema="koyu"]) .brand-logo { filter: none; } :root:not([data-tema="koyu"]) footer { background: #102A4C; } :root:not([data-tema="koyu"]) .src { color: #64748B; } :root:not([data-tema="koyu"]) .h4s { color: #102A4C; } /* ================================================================ 2. KOYU TEMA (opt-in) — markanın lacivert/altın kimliği ================================================================ */ :root[data-tema="koyu"] { --bg: #0B1B33; --soft: #0E2240; --ink: #E8EEF7; --dgray: #9FB0CC; --border: #23365C; --paleyel: #14315C; --sh1: 0 1px 2px rgba(0, 0, 0, .4); --sh2: 0 10px 30px rgba(0, 0, 0, .5); } :root[data-tema="koyu"] body { background: var(--bg); color: var(--ink); } :root[data-tema="koyu"] a { color: #E4C98A; } :root[data-tema="koyu"] table th { background: #14315C; color: #E8EEF7; } :root[data-tema="koyu"] table td { border-color: #23365C; } :root[data-tema="koyu"] .card, :root[data-tema="koyu"] .panel-lt { background: #0E2240; border-color: #23365C; color: #E8EEF7; } :root[data-tema="koyu"] input, :root[data-tema="koyu"] select, :root[data-tema="koyu"] textarea { background: #102A4C; color: #E8EEF7; border-color: #23365C; } /* tema düğmesi (bin/23 ile tüm sayfalarda, header çocuğu) */ .tema-dugme { min-width: 40px; min-height: 40px; border-radius: 999px; margin-left: 8px; flex: 0 0 auto; border: 1px solid rgba(201, 164, 92, .55); background: transparent; color: #E4C98A; font-size: 1.05rem; cursor: pointer; line-height: 1; } .tema-dugme:hover { border-color: #F2C55C; color: #F2C55C; } @media (max-width: 860px) { .tema-dugme { margin-left: 4px; } } /* ================================================================ 3. AÇIK TEMA METİN NORMALİZASYONU Sitenin gövdesi KOYU zemin için yazıldığı için başlık/etiket renkleri açık tonlarda sabitlenmişti (kısmen site.css'te, kısmen üreticilerin satır-içi style'ında). Açık görünümde bunlar okunamıyordu — tarayıcıda otomatik kontrast denetimiyle ölçüldü (92 ihlal). Aşağıdaki blok yalnız AÇIK görünümde ve yalnız ölçülen değerler için devrededir; koyu tema hiç etkilenmez. Satır-içi style'lar ancak !important ile ezilebildiği için hedefli öznitelik seçicileri kullanıldı (üretici HTML'i değişmez). ================================================================ */ :root:not([data-tema="koyu"]) main h1, :root:not([data-tema="koyu"]) main h2, :root:not([data-tema="koyu"]) main h3, :root:not([data-tema="koyu"]) main h4, :root:not([data-tema="koyu"]) main .h4s { color: #102A4C; } :root:not([data-tema="koyu"]) main strong, :root:not([data-tema="koyu"]) main b { color: #16202F; } :root:not([data-tema="koyu"]) main dt, :root:not([data-tema="koyu"]) main dd { color: #33445C; } :root:not([data-tema="koyu"]) main .k, :root:not([data-tema="koyu"]) main .src, :root:not([data-tema="koyu"]) .reklam-etiket { color: #6B5A2E; } :root:not([data-tema="koyu"]) .eyebrow { color: #7A5E24; } :root:not([data-tema="koyu"]) .microcopy, :root:not([data-tema="koyu"]) .muted, :root:not([data-tema="koyu"]) main small { color: #55637A; } /* satır-içi koyu-tema renklerinin açık karşılıkları (ölçülen değerler) */ :root:not([data-tema="koyu"]) main [style*="#C9D6EC"], :root:not([data-tema="koyu"]) main [style*="#c9d6ec"] { color: #33445C !important; } :root:not([data-tema="koyu"]) main [style*="#9FB0CC"], :root:not([data-tema="koyu"]) main [style*="#9fb0cc"] { color: #55637A !important; } :root:not([data-tema="koyu"]) main [style*="#D9E3F2"], :root:not([data-tema="koyu"]) main [style*="#d9e3f2"] { color: #33445C !important; } :root:not([data-tema="koyu"]) main [style*="#5FA8D3"], :root:not([data-tema="koyu"]) main [style*="#5fa8d3"] { color: #1B5E8F !important; } :root:not([data-tema="koyu"]) main [style*="color:#F2C55C"], :root:not([data-tema="koyu"]) main [style*="color:#f2c55c"], :root:not([data-tema="koyu"]) .guncel-strip [style*="#F2C55C"], :root:not([data-tema="koyu"]) .guncel-strip [style*="#f2c55c"] { color: #7A5E24 !important; } /* koyu zeminli satır-içi kutular açık temada beyaza döner (zemin + kenar birlikte) */ :root:not([data-tema="koyu"]) main [style*="background:#0B1B33"], :root:not([data-tema="koyu"]) main [style*="background:#0b1b33"], :root:not([data-tema="koyu"]) main [style*="background:#0E2240"], :root:not([data-tema="koyu"]) main [style*="background:#0e2240"] { background: #FFFFFF !important; border-color: #DFE5EE !important; color: #16202F !important; } /* bölüm-içi çip gezinmesi (ana sayfa) açık temada */ :root:not([data-tema="koyu"]) .cip-nav { background: rgba(255, 255, 255, .96); border-bottom-color: #DFE5EE; } :root:not([data-tema="koyu"]) .cip-ic a { color: #33445C; border-color: #DFE5EE; } :root:not([data-tema="koyu"]) .cip-ic a:hover { color: #7A5E24; border-color: #C9A45C; } /* kurucu/ürün bandı ve feragat blokları */ :root:not([data-tema="koyu"]) .founder-frame, :root:not([data-tema="koyu"]) #urun-band, :root:not([data-tema="koyu"]) #tanitim-video { background: #FFFFFF; color: #16202F; } :root:not([data-tema="koyu"]) .founder-frame p, :root:not([data-tema="koyu"]) #urun-band p { color: #33445C; } /* gövde metni: koyu tasarımdan miras kalan açık gri (#B7C4D4) açık zeminde okunmuyordu (kalıtım yoluyla .section'dan geliyor; tarayıcı denetiminde 14 ihlal). Açık görünümde ana metin rengi açıkça tanımlanır — sınıflı istisnalar (muted/microcopy/lead) sonraki kurallarında kendi tonlarını korur. */ :root:not([data-tema="koyu"]) main, :root:not([data-tema="koyu"]) main .section, :root:not([data-tema="koyu"]) main .wrap, :root:not([data-tema="koyu"]) main p, :root:not([data-tema="koyu"]) main li, :root:not([data-tema="koyu"]) main dd, :root:not([data-tema="koyu"]) main span { color: #33445C; } :root:not([data-tema="koyu"]) main .lead { color: #33445C; } :root:not([data-tema="koyu"]) .microcopy, :root:not([data-tema="koyu"]) .muted, :root:not([data-tema="koyu"]) main small { color: #55637A; } :root:not([data-tema="koyu"]) main strong, :root:not([data-tema="koyu"]) main b { color: #16202F; } :root:not([data-tema="koyu"]) main h1, :root:not([data-tema="koyu"]) main h2, :root:not([data-tema="koyu"]) main h3, :root:not([data-tema="koyu"]) main h4 { color: #102A4C; } :root:not([data-tema="koyu"]) .eyebrow { color: #7A5E24; } :root:not([data-tema="koyu"]) main a { color: #1B4E8A; } /* --- kendi koyu zeminini taşıyan modül bileşenleri (ölçülerek bulundu) --- .ha-status/.tv-btn/.tv-chip koyu lacivert zeminliydi; açık görünümde metin rengi normalize edilince zemin koyu kalıp okunmaz oluyordu. Bunlar da portal diline çevrilir. */ :root:not([data-tema="koyu"]) .ha-status, :root:not([data-tema="koyu"]) .tv-btn, :root:not([data-tema="koyu"]) .tv-chip, :root:not([data-tema="koyu"]) .tv-slot, :root:not([data-tema="koyu"]) .tv-ph { background: #F1F5FA !important; color: #16202F !important; border: 1px solid #DFE5EE !important; } :root:not([data-tema="koyu"]) .tv-btn:hover, :root:not([data-tema="koyu"]) .tv-chip:hover { background: #E7EDF6 !important; border-color: #B9C6D8 !important; } :root:not([data-tema="koyu"]) .tv-chip.on, :root:not([data-tema="koyu"]) .tv-mode.on, :root:not([data-tema="koyu"]) .tv-mode { background: #C9A45C !important; color: #16202F !important; border-color: #C9A45C !important; } :root:not([data-tema="koyu"]) .ha-src-btn { background: #C9A45C; color: #16202F !important; border-color: #B08F45; } :root:not([data-tema="koyu"]) .ha-status { font-weight: 600; } :root:not([data-tema="koyu"]) .pi-sirala label, :root:not([data-tema="koyu"]) .aday-arac label, :root:not([data-tema="koyu"]) main label { color: #33445C !important; } /* .statstrip .l bu gruptan ÇIKARILDI (üstteki koyu-yüzey kuralını eziyordu) */ :root:not([data-tema="koyu"]) main .l:not(.statstrip .l) { color: #4A5768; } :root:not([data-tema="koyu"]) .tv-consent, :root:not([data-tema="koyu"]) .tv-msg, :root:not([data-tema="koyu"]) .tv-mini { color: #33445C; } :root:not([data-tema="koyu"]) .cap { color: #E8EEF7; } /* koyu görsel bandı üstündeki altyazı */ /* ================================================================ 4. KOYU TEMA — TAM KAPSAM Denetimde ortaya çıktı: sitenin İÇ sayfaları özgün tasarımda AÇIK zeminliydi (site.css --bg:#FFF), koyu tema yalnız birkaç kural içeriyordu → koyu görünümde başlıklar lacivert-üstüne-lacivert kalıyordu (H1 kontrast 1.00). Aşağıdaki blok koyu görünümü iç sayfalarda da eksiksiz hâle getirir. ================================================================ */ :root[data-tema="koyu"] main h1, :root[data-tema="koyu"] main h2, :root[data-tema="koyu"] main h3, :root[data-tema="koyu"] main h4, :root[data-tema="koyu"] main .h4s { color: #E8EEF7; } :root[data-tema="koyu"] main p, :root[data-tema="koyu"] main li, :root[data-tema="koyu"] main dd, :root[data-tema="koyu"] main .lead { color: #C9D6EC; } :root[data-tema="koyu"] main strong, :root[data-tema="koyu"] main b { color: #FFFFFF; } :root[data-tema="koyu"] main dt, :root[data-tema="koyu"] .microcopy, :root[data-tema="koyu"] .muted, :root[data-tema="koyu"] main small, :root[data-tema="koyu"] main .l, :root[data-tema="koyu"] .crumb { color: #9FB0CC; } :root[data-tema="koyu"] .eyebrow, :root[data-tema="koyu"] main .k, :root[data-tema="koyu"] main .src { color: #E4C98A; } :root[data-tema="koyu"] main a, :root[data-tema="koyu"] .crumb a { color: #E4C98A; } :root[data-tema="koyu"] main a:hover { color: #F2C55C; } :root[data-tema="koyu"] .btn.btn-secondary { color: #E4C98A; } :root[data-tema="koyu"] .btn-primary, :root[data-tema="koyu"] .nav-cta-top, :root[data-tema="koyu"] .tv-mode, :root[data-tema="koyu"] .ha-src-btn { background: #C9A45C; color: #0B1B33; border-color: #C9A45C; } :root[data-tema="koyu"] main table th { background: #14315C; color: #E8EEF7; border-bottom-color: #23365C; } :root[data-tema="koyu"] main table td { color: #D9E3F2; border-bottom-color: #23365C; } :root[data-tema="koyu"] main table tbody tr:hover { background: #102A4C; } :root[data-tema="koyu"] .tile, :root[data-tema="koyu"] .panel, :root[data-tema="koyu"] .panel-lt, :root[data-tema="koyu"] .kh-kart, :root[data-tema="koyu"] .band-card, :root[data-tema="koyu"] .aday-kart, :root[data-tema="koyu"] .bulucu-kart, :root[data-tema="koyu"] .ha-durum, :root[data-tema="koyu"] .ha-ozet-kart, :root[data-tema="koyu"] .kaynak-belge, :root[data-tema="koyu"] .aday-neden-kutu, :root[data-tema="koyu"] .tv-card, :root[data-tema="koyu"] .tv-frame, :root[data-tema="koyu"] .kapi, :root[data-tema="koyu"] .karo, :root[data-tema="koyu"] .founder-frame, :root[data-tema="koyu"] .hero { background: #0E2240; border-color: #23365C; color: #E8EEF7; } :root[data-tema="koyu"] .tile p, :root[data-tema="koyu"] .kapi-alt { color: #9FB0CC; } :root[data-tema="koyu"] .chip, :root[data-tema="koyu"] .kume-chip, :root[data-tema="koyu"] .badge, :root[data-tema="koyu"] .tv-badge, :root[data-tema="koyu"] .aday-statu, :root[data-tema="koyu"] .ha-status, :root[data-tema="koyu"] .ha-durum-meta, :root[data-tema="koyu"] .tv-btn, :root[data-tema="koyu"] .tv-chip { background: #14315C; color: #E8EEF7; border-color: #23365C; } :root[data-tema="koyu"] .badge-index { color: #7BD3A0; } :root[data-tema="koyu"] .feragat { background: #14315C; border-color: #C9A45C; color: #E8EEF7; } :root[data-tema="koyu"] .guncel-strip { background: #0E2140 !important; color: #E8EEF7; } :root[data-tema="koyu"] .guncel-strip span { color: #E8EEF7; } :root[data-tema="koyu"] .cip-nav { background: rgba(11, 27, 51, .95); } :root[data-tema="koyu"] .cip-ic a { color: #D9E3F2; border-color: rgba(201, 164, 92, .4); } :root[data-tema="koyu"] .tb-filtre input { background: #102A4C; color: #E8EEF7; border-color: #23365C; } :root[data-tema="koyu"] .cap { color: #E8EEF7; } /* satır-içi koyu metin rengi koyu temada aydınlatılır — ANCAK kendi zeminini taşıyan öğeler (altın rozet: background+color birlikte) hariç; aksi hâlde altın üstünde açık metin çıkıyordu (kendi kuralımın yan etkisi, denetimde yakalandı). */ :root[data-tema="koyu"] main [style*="#0B1B33"]:not([style*="background"]), :root[data-tema="koyu"] main [style*="#0b1b33"]:not([style*="background"]) { color: #E8EEF7 !important; } /* koyu temada AÇIK zeminini koruyan kutular (.src yeşil, .degil sarı, altın çipler): zemin açık kaldığı için metin de koyu kalmalı — ölçülerek belirlendi. */ :root[data-tema="koyu"] .src, :root[data-tema="koyu"] .src *, :root[data-tema="koyu"] .degil, :root[data-tema="koyu"] .degil * { color: #16202F !important; } :root[data-tema="koyu"] .src a, :root[data-tema="koyu"] .degil a { color: #1B4E8A !important; } :root[data-tema="koyu"] .chip[style*="--gold"], :root[data-tema="koyu"] .chip[style*="gold"], :root[data-tema="koyu"] [style*="background:#F2C55C"] *, :root[data-tema="koyu"] [style*="background:#f2c55c"] * { color: #0B1B33 !important; } :root[data-tema="koyu"] .ha-stage-count { color: #9FB0CC; } /* modül metin sınıfları: özgün tasarımda AÇIK sayfa için lacivert sabitlenmişti; koyu görünümde kart zemini koyulaşınca okunmaz oluyordu (ölçüldü: kontrast 1.00). */ :root[data-tema="koyu"] .aday-ad, :root[data-tema="koyu"] .aday-say, :root[data-tema="koyu"] .aday-bos, :root[data-tema="koyu"] .aday-aciklama, :root[data-tema="koyu"] .bk-kod, :root[data-tema="koyu"] .bk-unvan, :root[data-tema="koyu"] .bk-sektor, :root[data-tema="koyu"] .sz-ad, :root[data-tema="koyu"] .sz-aile, :root[data-tema="koyu"] .sz-madde, :root[data-tema="koyu"] .kh-kart *, :root[data-tema="koyu"] .ha-durum-head, :root[data-tema="koyu"] .tv-cardtop h3, :root[data-tema="koyu"] .tb-sayac, :root[data-tema="koyu"] .sk-panel .lead { color: #E8EEF7; } :root[data-tema="koyu"] .bk-sektor, :root[data-tema="koyu"] .sz-aile, :root[data-tema="koyu"] .aday-aciklama { color: #9FB0CC; } /* ================================================================ 5. KOYU TEMA — METİN GÜVENLİK AĞI Özgün tasarım iç sayfaları AÇIK zemin varsayıp metin renklerini lacivert sabitlemiş (site.css). Koyu görünümde bunlar sınıf sınıf kovalanamaz; genel kural ile gövde metni KALITIMA döndürülür, ardından bilinçli istisnalar (bağlantı/rozet/vurgu/soluk) yeniden tanımlanır. Sıra önemlidir: önce ağ, sonra istisnalar. ================================================================ */ :root[data-tema="koyu"] main { color: #D9E3F2; } :root[data-tema="koyu"] main span, :root[data-tema="koyu"] main div, :root[data-tema="koyu"] main p, :root[data-tema="koyu"] main li, :root[data-tema="koyu"] main dd, :root[data-tema="koyu"] main dt, :root[data-tema="koyu"] main td, :root[data-tema="koyu"] main label, :root[data-tema="koyu"] main h1, :root[data-tema="koyu"] main h2, :root[data-tema="koyu"] main h3, :root[data-tema="koyu"] main h4, :root[data-tema="koyu"] main h5, :root[data-tema="koyu"] main figcaption { color: inherit; } /* --- istisnalar (ağdan SONRA) --- */ :root[data-tema="koyu"] main h1, :root[data-tema="koyu"] main h2, :root[data-tema="koyu"] main h3, :root[data-tema="koyu"] main h4, :root[data-tema="koyu"] main strong, :root[data-tema="koyu"] main b { color: #FFFFFF; } :root[data-tema="koyu"] main a { color: #E4C98A; } :root[data-tema="koyu"] main a:hover { color: #F2C55C; } :root[data-tema="koyu"] .muted, :root[data-tema="koyu"] .microcopy, :root[data-tema="koyu"] main small, :root[data-tema="koyu"] main dt, :root[data-tema="koyu"] .crumb, :root[data-tema="koyu"] main .l, :root[data-tema="koyu"] .aday-aciklama, :root[data-tema="koyu"] .bk-sektor, :root[data-tema="koyu"] .sz-aile, :root[data-tema="koyu"] .tb-sayac, :root[data-tema="koyu"] .ha-stage-count, :root[data-tema="koyu"] .kapm-aciklama { color: #9FB0CC; } :root[data-tema="koyu"] .eyebrow, :root[data-tema="koyu"] main .k, :root[data-tema="koyu"] main .src:not(.src *) { color: #E4C98A; } :root[data-tema="koyu"] main table th { color: #E8EEF7; } /* kendi AÇIK zeminini taşıyanlar koyu metni korur */ :root[data-tema="koyu"] .src, :root[data-tema="koyu"] .src *, :root[data-tema="koyu"] .degil, :root[data-tema="koyu"] .degil *, :root[data-tema="koyu"] [style*="background:#F2C55C"], :root[data-tema="koyu"] [style*="background:#F2C55C"] *, :root[data-tema="koyu"] [style*="background:var(--gold)"], :root[data-tema="koyu"] [style*="background:var(--gold)"] *, :root[data-tema="koyu"] .btn-primary, :root[data-tema="koyu"] .nav-cta-top, :root[data-tema="koyu"] .tv-mode, :root[data-tema="koyu"] .ha-src-btn { color: #16202F !important; } :root[data-tema="koyu"] .src a, :root[data-tema="koyu"] .degil a { color: #1B4E8A !important; } /* koyu tema: beyaz zeminli liste/kart öğeleri (sz-madde, kapm-*, *-kart, *-kutu) zemin dönüşümü almadan metin aydınlatılınca beyaz-üstüne-beyaz kalıyordu (ölçüldü). */ :root[data-tema="koyu"] main [class*="kart"], :root[data-tema="koyu"] main [class*="madde"], :root[data-tema="koyu"] main [class*="kutu"], :root[data-tema="koyu"] main [class*="kapm"], :root[data-tema="koyu"] main .tile, :root[data-tema="koyu"] main .card, :root[data-tema="koyu"] main .chip, :root[data-tema="koyu"] main .kume-chip { background: #0E2240; border-color: #23365C; } :root[data-tema="koyu"] main [class*="kart"]:hover, :root[data-tema="koyu"] main [class*="madde"]:hover { background: #14315C; border-color: #C9A45C; } /* 2026-09-04 denetimi (38 sınıf): zemini koyulaşan kartların MÜREKKEBİ açık-yüzey varsayımında kalıyordu. Zemin dönüşümü alan aileye metin+bağlantı mutabakatı: */ :root[data-tema="koyu"] main [class*="kart"], :root[data-tema="koyu"] main [class*="madde"], :root[data-tema="koyu"] main [class*="kutu"], :root[data-tema="koyu"] main [class*="kapm"], :root[data-tema="koyu"] main .tile, :root[data-tema="koyu"] main .card { color: #E8EEF7; } :root[data-tema="koyu"] main [class*="kart"] a, :root[data-tema="koyu"] main [class*="madde"] a, :root[data-tema="koyu"] main [class*="kutu"] a, :root[data-tema="koyu"] main [class*="kapm"] a, :root[data-tema="koyu"] main .tile a, :root[data-tema="koyu"] main .card a { color: #9CC4F0; } /* sz-madde beyaz zeminini site.css özgüllüğüyle koruyordu → koyuda da dönüşsün */ :root[data-tema="koyu"] main .sz-madde { background: #0E2240 !important; border-color: #23365C; } :root[data-tema="koyu"] main .sz-madde .sz-ad { color: #E8EEF7; } :root[data-tema="koyu"] main .kume-ac { color: #F2C55C; } /* raf/panel bağlantı ve etiketleri koyuda açık mürekkep */ :root[data-tema="koyu"] .icr-mod, :root[data-tema="koyu"] .icr-satir { color: #E8EEF7; } :root[data-tema="koyu"] .icr-sag { color: #9FB0CC; } :root[data-tema="koyu"] .icr-tum { color: #F2C55C; } :root[data-tema="koyu"] .ic-kot-kalem, :root[data-tema="koyu"] .ic-kot-etiket { color: #E8EEF7; } /* pasif sekme, ikincil düğme, ekmek kırıntısı, hz aktif/Ara */ :root[data-tema="koyu"] .sk-tab { color: #9FB0CC; } :root[data-tema="koyu"] main .btn.btn-secondary, :root[data-tema="koyu"] .section .btn.btn-secondary { color: #9CC4F0; } :root[data-tema="koyu"] .crumb, :root[data-tema="koyu"] .crumb a { color: #9FB0CC; } :root[data-tema="koyu"] .hz-aktif, :root[data-tema="koyu"] .hz-bar button, :root[data-tema="koyu"] .hz-ara { color: #F2C55C; } /* CANLI rozeti: sınıf çifti (pi-negatif + pi-koyu-yuzey) satır 543'te F0A79C alır; buradaki genel kural kaldırıldı (özgül kural yeterli). GÜNCEL şeritteki geç kural ezmesin diye rozet id'siyle sabitlenir (2026-09-04 denetimi: 3,23:1 ölçülmüştü). */ #canli-rozet, #canli-rozet * { color: #F0A79C !important; } /* Altın zeminli satır-içi eylem bağlantıları (404 'Arama yap' vb.): koyu lacivert mürekkep */ a[style*="background:var(--gold)"], a[style*="background: var(--gold)"] { color: #0B1B33 !important; } /* dp-banner bağlantıları kendi altın zemin sözleşmesini taşır — tema geçişleri ezmesin */ .dp-banner .dp-link { color: #0B1B33 !important; } .dp-banner .dp-link-ghost { color: #C9A45C !important; } /* altın zeminli 404 arama düğmesi içindeki bağlantı: koyu lacivert (8,1:1) */ .eylem-altin a, [style*="background:#C9A45C"] a { color: #0B1B33 !important; } :root[data-tema="koyu"] main .src[class], :root[data-tema="koyu"] main .degil[class] { background: inherit; } /* koyu tema: satır-içi AÇIK zeminli uyarı/vurgu kutuları metni koyu tutar (aksi hâlde beyaz-üstüne-beyaz). Ölçülen açık zemin değerleri için hedefli kural. */ :root[data-tema="koyu"] main [style*="background:#FFF"], :root[data-tema="koyu"] main [style*="background:#fff"], :root[data-tema="koyu"] main [style*="background:#FBF4E4"], :root[data-tema="koyu"] main [style*="background:#fbf4e4"], :root[data-tema="koyu"] main [style*="background:#EAF1E6"], :root[data-tema="koyu"] main [style*="background:#eaf1e6"], :root[data-tema="koyu"] main [style*="background:#F4F7FB"], :root[data-tema="koyu"] main [style*="background:#f4f7fb"], :root[data-tema="koyu"] main [style*="background:#FFF6E6"], :root[data-tema="koyu"] main [style*="background:#fff6e6"] { color: #16202F !important; } :root[data-tema="koyu"] main [style*="background:#FFF"] *, :root[data-tema="koyu"] main [style*="background:#fff"] *, :root[data-tema="koyu"] main [style*="background:#FBF4E4"] *, :root[data-tema="koyu"] main [style*="background:#fbf4e4"] *, :root[data-tema="koyu"] main [style*="background:#EAF1E6"] *, :root[data-tema="koyu"] main [style*="background:#eaf1e6"] *, :root[data-tema="koyu"] main [style*="background:#FFF6E6"] *, :root[data-tema="koyu"] main [style*="background:#fff6e6"] * { color: #16202F !important; } :root[data-tema="koyu"] main [style*="background:#FFF"] a, :root[data-tema="koyu"] main [style*="background:#fff"] a, :root[data-tema="koyu"] main [style*="background:#FBF4E4"] a, :root[data-tema="koyu"] main [style*="background:#fbf4e4"] a, :root[data-tema="koyu"] main [style*="background:#EAF1E6"] a, :root[data-tema="koyu"] main [style*="background:#eaf1e6"] a { color: #1B4E8A !important; } /* ========================================================================== RENK SÖZLEŞMESİ — TEK KAYNAK (sahip emri 2026-08-31: "css tarafında kalıcı olarak çöz") bin/38_renk_normalize.py satır-içi renkleri HTML'den SÖKER ve yerine anlam sınıfı yazar. Renk artık YALNIZ burada tanımlıdır. Kural şudur: · Metin rengini YÜZEY belirler. Bir kutuya koyu zemin verildiyse `pi-koyu-yuzey`, açık/altın zemin verildiyse `pi-acik-yuzey` sınıfını alır ve içindeki her şey o yüzeye uygun rengi MİRAS ALIR. İçine ne konursa konsun okunur kalır. · Anlam taşıyan renkler (sönük/vurgu/pozitif/negatif) yüzeye göre erişilebilir karşılığına eşlenir — anlam düzleştirilmez, yalnız okunur hâle gelir. · Yüzey sınıfı yoksa tema mürekkebi geçerlidir. Bu model dizge eşlemesine (`[style*="color:#"]`) DAYANMAZ; o yaklaşım 2026-08-31'de ölçülerek denendi ve 36 yeni kusur üretti (koyu kutunun içindeki açık kutu, sınıfla zemin alan bloklar, `.sz-harf` gibi öğeler yanlış tarafa düşüyordu). ========================================================================== */ /* --- yüzeyler: metin rengi buradan miras alınır ------------------------------------- */ .pi-koyu-yuzey { color: #F2F5FA; } .pi-acik-yuzey { color: #16202F; } /* --- anlam sınıfları: yüzeysiz (tema mürekkebi bağlamı) ----------------------------- */ :root:not([data-tema="koyu"]) .pi-sonuk { color: #5B6880; } :root:not([data-tema="koyu"]) .pi-vurgu { color: #8A6A1F; } :root:not([data-tema="koyu"]) .pi-pozitif { color: #1F6B45; } :root:not([data-tema="koyu"]) .pi-negatif { color: #A33328; } :root:not([data-tema="koyu"]) .pi-ozel-renk { color: #16202F; } :root[data-tema="koyu"] .pi-sonuk { color: #A9B6CA; } :root[data-tema="koyu"] .pi-vurgu { color: #E4C98A; } :root[data-tema="koyu"] .pi-pozitif { color: #86D6A8; } :root[data-tema="koyu"] .pi-negatif { color: #F0A79C; } :root[data-tema="koyu"] .pi-ozel-renk { color: #E4E9F1; } /* --- anlam sınıfları: YÜZEY İÇİNDE (yüzey teması ezer, tema değil) ------------------ */ .pi-koyu-yuzey .pi-sonuk, .pi-koyu-yuzey.pi-sonuk { color: #B9C6DA; } .pi-koyu-yuzey .pi-vurgu, .pi-koyu-yuzey.pi-vurgu { color: #E4C98A; } .pi-koyu-yuzey .pi-pozitif, .pi-koyu-yuzey.pi-pozitif { color: #86D6A8; } .pi-koyu-yuzey .pi-negatif, .pi-koyu-yuzey.pi-negatif { color: #F0A79C; } .pi-koyu-yuzey .pi-ozel-renk { color: #F2F5FA; } .pi-acik-yuzey .pi-sonuk, .pi-acik-yuzey.pi-sonuk { color: #5B6880; } .pi-acik-yuzey .pi-vurgu, .pi-acik-yuzey.pi-vurgu { color: #7A5E1B; } .pi-acik-yuzey .pi-pozitif, .pi-acik-yuzey.pi-pozitif { color: #1F6B45; } .pi-acik-yuzey .pi-negatif, .pi-acik-yuzey.pi-negatif { color: #A33328; } .pi-acik-yuzey .pi-ozel-renk { color: #16202F; } /* --- daima koyu metin: altın/açık rozetler için üretilen sınıf ---------------------- */ .pi-koyu-metin, .pi-koyu-yuzey .pi-koyu-metin, .pi-acik-yuzey .pi-koyu-metin { color: #16202F; } /* --- bağlantılar yüzeye uyar -------------------------------------------------------- */ .pi-koyu-yuzey a { color: #E4C98A; } :root:not([data-tema="koyu"]) .pi-acik-yuzey a { color: #1B4E8A; } :root:not([data-tema="koyu"]) { --tb-sifirla-ink: #6F5518; } /* açık zeminde 2,11→6,1:1 */ :root[data-tema="koyu"] { --tb-sifirla-ink: #E4C98A; } /* 2026-09-04 denetimi: koyu temada pi-acik-yuzey etiketli yüzeyler kart-dönüşümü kurallarına takılıp KOYU zeminde AÇIK-yüzey mürekkebi taşıyordu (bağlantılar #1B4E8A → 1,89:1). Etiketin anlamı korunur: koyu temada da AÇIK yüzey + koyu mürekkep (src/degil emsali). */ :root[data-tema="koyu"] .pi-acik-yuzey { background: #F4F7FB !important; color: #16202F !important; } :root[data-tema="koyu"] .pi-acik-yuzey * { color: #16202F; } :root[data-tema="koyu"] .pi-acik-yuzey a { color: #1B4E8A !important; } /* --- YAPISAL KOYU YÜZEYLER --------------------------------------------------------- Satır-içi zemin taşımadıkları için bin/38 onlara sınıf yazamaz; burada ADIYLA tanımlanırlar. Böylece renk sözleşmesi iki kaynağı da kapsar: (a) satır-içi zeminli kutular (pi-koyu-yuzey / pi-acik-yuzey), (b) aşağıdaki yapısal bölgeler. Ölçülen kusur: dp-bandı ve altbilgide sönük metin 2,86:1 kalıyordu (site.css'in koyu-tema tonu). */ footer, .dp-banner, .guncel-strip, header.top, .founder-frame, .cta-band, .hero { color: #E8EEF7; } footer .microcopy, .dp-banner .microcopy, .guncel-strip .microcopy, header.top .microcopy, .founder-frame .microcopy, .cta-band .microcopy, footer .cap, .dp-banner .cap, .founder-frame .cap, footer small, .dp-banner small, .founder-frame small { color: #AFC0D6; } footer a, .dp-banner a, .founder-frame a, .cta-band a { color: #E4C98A; } /* açık temada hero/cta gövde zemini açık olabilir — o hâlde koyu metin geri gelir */ :root:not([data-tema="koyu"]) .hero.pi-acik-yuzey, :root:not([data-tema="koyu"]) .cta-band.pi-acik-yuzey { color: #16202F; } /* --- SÖZLEŞMENİN KAPANIŞ KURALLARI (ölçümle bulunan üç kalıp) ----------------------- */ /* 1) `.pi-koyu-metin` yalnız AÇIK yüzeyde koyu kalır; koyu temada açık yüzey yoksa metin açık olmalıdır (aksi hâlde koyu kutuda koyu metin: ölçülen 1,05:1). */ :root[data-tema="koyu"] .pi-koyu-metin { color: #E4E9F1; } :root[data-tema="koyu"] .pi-acik-yuzey .pi-koyu-metin, :root[data-tema="koyu"] .pi-acik-yuzey.pi-koyu-metin { color: #16202F; } /* 2) Sözlük harf çipleri koyu temada beyaz zeminde altın metin bırakıyordu (1,61:1). */ :root[data-tema="koyu"] .sz-harf, :root[data-tema="koyu"] .sz-madde, :root[data-tema="koyu"] .kume-chip { background: #16233A; border-color: #2A3A56; color: #E4C98A; } :root[data-tema="koyu"] .sz-madde, :root[data-tema="koyu"] .sz-madde * { color: #E4E9F1; } :root[data-tema="koyu"] .sz-madde a { color: #E4C98A; } /* 3) Altın zeminli aktif çip/düğme: İÇİNDEKİ öğeler de koyu metin taşır (ölçülen 4,22:1). */ .tv-chip.on, .tv-mode.on, .tv-chip.on *, .tv-mode.on *, .pi-acik-yuzey .pi-sonuk, .hz-aktif, .hz-aktif * { color: #16202F; } /* --- ÇAĞRI KUTULARI (.degil / .src): yüzeyi AÇIKÇA tanımla ------------------------- Sayma döneminden kalan `.degil *{color:#16202F !important}` kuralı, kutunun zemini SAYDAM olduğu için koyu temada koyu-üstüne-koyu bırakıyordu (ölçülen 1,05:1). Çözüm: kutunun zeminini her iki temada da AÇIKÇA belirlemek — yüzey belliyse metin de belli. */ :root:not([data-tema="koyu"]) .degil, :root:not([data-tema="koyu"]) .src { background: #FBF4E4 !important; border-color: #E3D5AE !important; } :root:not([data-tema="koyu"]) .degil, :root:not([data-tema="koyu"]) .degil *, :root:not([data-tema="koyu"]) .src, :root:not([data-tema="koyu"]) .src * { color: #16202F !important; } :root:not([data-tema="koyu"]) .degil a, :root:not([data-tema="koyu"]) .src a { color: #1B4E8A !important; } :root[data-tema="koyu"] .degil, :root[data-tema="koyu"] .src { background: #1A2337 !important; border-color: #33405C !important; } :root[data-tema="koyu"] .degil, :root[data-tema="koyu"] .degil *, :root[data-tema="koyu"] .src, :root[data-tema="koyu"] .src * { color: #E4E9F1 !important; } :root[data-tema="koyu"] .degil a, :root[data-tema="koyu"] .src a { color: #E4C98A !important; } /* Altın zeminli çipte metin: site.css'in `.chip` tonu tema sınıfını yeniyordu (4,22:1). */ :root .pi-koyu-metin, :root .chip.pi-koyu-metin, :root .pi-acik-yuzey .pi-koyu-metin { color: #16202F; } :root[data-tema="koyu"] .pi-koyu-metin:not(.pi-acik-yuzey):not(.chip) { color: #E4E9F1; } /* Sayfa-içi