/* --------------------------------------------------------------------------- ÇARIKÇI · SİTE RENGİ PALETLERİ Admin > Site Ayarları > Site Rengi alanı etiketine data-site-color="..." yazar; buradaki bloklar site.css :root içindeki varsayılan token'ları ezer. Yeni palet eklemek için: 1. Aşağıdaki bloklardan birini kopyalayıp data-site-color değerini değiştirin. 2. SiteColorPalette.cs içindeki listeye aynı anahtarla bir kayıt ekleyin (admin panelindeki seçenek listesi oradan üretilir). Kontrast: tüm paletler WCAG AA (4.5:1) eşiğine göre doğrulandı — --brand koyu hero zemini (#111211) üzerinde --brand-soft koyu panel (#20221f) üzerinde --brand-deep beyaz zemin üzerinde --accent-ink --accent üzerinde --brand-ink --brand ve --brand-strong üzerinde Tek istisna: "taba" paletinin --brand-deep değeri (#b17c47 / beyaz = 3.59). Bu sitenin bugünkü rengidir, görünümü değiştirmemek için korunmuştur; kenarlık ve madde imi rolünde kullanılır. Koyu tema blokları [data-theme="dark"][data-site-color] ile daha yüksek özgüllükte yazıldı — yoksa palet bloğu site.css'in koyu tema kuralını ezerdi. --------------------------------------------------------------------------- */ /* === TABA (varsayılan) — sıcak deri tonu ================================== */ html[data-site-color="taba"] { --accent: #c69a3c; --accent-hover: #e8cd84; --accent-text: #8a6520; --accent-ink: #1b1b1b; --brand: #d8a672; --brand-soft: #e7be91; --brand-strong: #c89865; --brand-deep: #b17c47; --brand-deeper: #a3723f; --brand-shade: #85603d; --brand-pale: #e6d4bd; --brand-muted: #766049; --brand-ink: #1b1b1b; --brand-rgb: 216 166 114; } html[data-theme="dark"][data-site-color="taba"] { --accent-text: #e8cd84; } /* === BAKIR — kızıla çalan, daha sıcak ==================================== */ html[data-site-color="bakir"] { --accent: #c07845; --accent-hover: #dd9d70; --accent-text: #8a4f27; --accent-ink: #1b1b1b; --brand: #d18b5e; --brand-soft: #e4a97f; --brand-strong: #bd784c; --brand-deep: #a5613a; --brand-deeper: #8d5230; --brand-shade: #74451f; --brand-pale: #ecd0bb; --brand-muted: #6e5343; --brand-ink: #1b1b1b; --brand-rgb: 209 139 94; } html[data-theme="dark"][data-site-color="bakir"] { --accent-text: #e4a97f; } /* === ZEYTİN — iş güvenliği hakî tonu ===================================== */ html[data-site-color="zeytin"] { --accent: #9c9750; --accent-hover: #c9c589; --accent-text: #5f5c2a; --accent-ink: #1b1b1b; --brand: #b3ae63; --brand-soft: #c9c589; --brand-strong: #9c9750; --brand-deep: #77732f; --brand-deeper: #66622a; --brand-shade: #4f4c21; --brand-pale: #e0dec2; --brand-muted: #5d5b3e; --brand-ink: #1b1b1b; --brand-rgb: 179 174 99; } html[data-theme="dark"][data-site-color="zeytin"] { --accent-text: #c9c589; } /* === ÇELİK — soğuk, endüstriyel mavi ===================================== */ html[data-site-color="celik"] { --accent: #4a7285; --accent-hover: #6c97ab; --accent-text: #3b5d6d; --accent-ink: #ffffff; --brand: #7fa8bf; --brand-soft: #a3c3d5; --brand-strong: #6a91a7; --brand-deep: #4f7488; --brand-deeper: #3f5f70; --brand-shade: #324c5a; --brand-pale: #cfe0ea; --brand-muted: #47565e; --brand-ink: #1b1b1b; --brand-rgb: 127 168 191; } html[data-theme="dark"][data-site-color="celik"] { --accent-text: #a3c3d5; } /* === BORDO — koyu kırmızı deri =========================================== */ html[data-site-color="bordo"] { --accent: #a04a41; --accent-hover: #c67a70; --accent-text: #7e332b; --accent-ink: #ffffff; --brand: #c2756c; --brand-soft: #d79a92; --brand-strong: #c07a71; --brand-deep: #8e4a43; --brand-deeper: #763b35; --brand-shade: #5e2f2a; --brand-pale: #e8c7c2; --brand-muted: #6a4744; --brand-ink: #1b1b1b; --brand-rgb: 194 117 108; } html[data-theme="dark"][data-site-color="bordo"] { --accent-text: #d79a92; }