/* ============================================================ FAS goruntuleyici -- KARANLIK TEMA (kopya DEGIL, buraya ozel) Stüdyo token'larinin koyu karsiliklari. tokens.css vendored kopya oldugu icin ona dokunulmaz; bu dosya her sayfada EN SON yuklenir. Etkinlestirme: js/tema.js yazar (sistem tercihi ya da kullanicinin secimi). tokens.css'teki .studio{} blogu 6 adi yeniden tanimladigi icin secici hem :root hem .studio seviyesinde. ============================================================ */ :root[data-theme="dark"], :root[data-theme="dark"] .studio { color-scheme: dark; --bg: #111216; --surface: #1a1b21; --surface-2: #212229; --border: #2d2f38; --border-strong: #3c3e4a; --ink: #e7e8ec; --ink-2: #a4a7b2; --ink-3: #767a86; /* dolgu vurgu: beyaz metinle >= 4.5:1; metin vurgu: accent-strong */ --accent: #6566db; --accent-strong: #afb0f8; --accent-bg: #25264a; --accent-border: #3f4180; --warp: #6566db; --warp-bg: #25264a; --weft: #3fb3a8; --weft-bg: #15312f; --green: #45b883; --green-bg: #15301f; --red: #ef6b6b; --red-bg: #3a1c1e; --amber: #e0a642; --amber-bg: #362a14; --chart-4: #4a4c57; --sh: 0 1px 2px rgba(0, 0, 0, .45); --sh-pop: 0 6px 22px rgba(0, 0, 0, .55); /* bu dosyaya ozel yardimcilar */ --cam: rgba(26, 27, 33, .82); /* appbar buzlu cam */ --kaplama: rgba(26, 27, 33, .88); /* gorsel ustu dugme/sayac */ --desen: rgba(255, 255, 255, .03); /* skeleton dokuma deseni */ } /* ---- Beyaza sabitlenmis yerler (vendored CSS'te #fff / rgba(255,...)) ---- */ :root[data-theme="dark"] .appbar { background: var(--cam); } :root[data-theme="dark"] .studio .search-input, :root[data-theme="dark"] .studio .filter-select, :root[data-theme="dark"] .studio .field, :root[data-theme="dark"] .studio input[type="search"]:not([class]), :root[data-theme="dark"] .studio input[type="date"]:not([class]) { background-color: var(--surface); } /* select oku: acik temadaki #5f6370 koyu zeminde kayboluyor */ :root[data-theme="dark"] .studio .filter-select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a4a7b2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E"); } :root[data-theme="dark"] .studio .view-btn.is-active { background: var(--border); } :root[data-theme="dark"] .studio .card-media, :root[data-theme="dark"] .studio .hero { background-image: repeating-linear-gradient(45deg, var(--desen) 0 6px, transparent 6px 12px); } :root[data-theme="dark"] .studio .hero-nav, :root[data-theme="dark"] .studio .hero-buyut, :root[data-theme="dark"] .studio .hero-sayac { background: var(--kaplama); } /* metin olarak kullanilan vurgu koyu zeminde okunabilir tona */ :root[data-theme="dark"] .appbar-logo, :root[data-theme="dark"] .studio .empty-icon { color: var(--accent-strong); } :root[data-theme="dark"] .studio a:not(.btn):not(.product-card):not(.appbar-brand):not(.appbar-link):not(.appbar-icon-btn):not(.chip) { color: var(--accent-strong); } /* baslik icindeki baglantilar acik temadaki gibi metin renginde kalsin */ :root[data-theme="dark"] .studio .aday-baslik a, :root[data-theme="dark"] .studio .card-title a { color: inherit; } /* gorseller koyu zeminde hafif parlak durmasin */ :root[data-theme="dark"] .studio .card-media img { filter: brightness(.94); }