// Tema renkleri const temalar = { yesil: { primary: '#2ecc71', secondary: '#27ae60', background: '#0f3724', backgroundDark: '#0a2318', accent: '#6eff00', iconFilter: 'invert(60%) sepia(72%) saturate(438%) hue-rotate(93deg) brightness(95%) contrast(89%)' }, mavi: { primary: '#3498db', secondary: '#2980b9', background: '#0f2437', backgroundDark: '#0a1923', accent: '#00c3ff', iconFilter: 'invert(48%) sepia(79%) saturate(1000%) hue-rotate(176deg) brightness(96%) contrast(98%)' }, kirmizi: { primary: '#e74c3c', secondary: '#c0392b', background: '#370f0f', backgroundDark: '#230a0a', accent: '#ff5252', iconFilter: 'invert(45%) sepia(94%) saturate(1371%) hue-rotate(338deg) brightness(97%) contrast(87%)' }, turkuaz: { primary: '#1abc9c', secondary: '#16a085', background: '#0f3731', backgroundDark: '#0a2320', accent: '#00ffe5', iconFilter: 'invert(55%) sepia(81%) saturate(452%) hue-rotate(130deg) brightness(92%) contrast(87%)' }, mor: { primary: '#9b59b6', secondary: '#8e44ad', background: '#2d0f37', backgroundDark: '#1a0a23', accent: '#d252ff', iconFilter: 'invert(42%) sepia(57%) saturate(1752%) hue-rotate(248deg) brightness(88%) contrast(85%)' }, pembe: { primary: '#ff79c6', secondary: '#ff5bac', background: '#370f2d', backgroundDark: '#230a1a', accent: '#ff00aa', iconFilter: 'invert(65%) sepia(85%) saturate(5199%) hue-rotate(297deg) brightness(102%) contrast(101%)' }, sari: { primary: '#f1c40f', secondary: '#f39c12', background: '#37340f', backgroundDark: '#23200a', accent: '#ffee00', iconFilter: 'invert(80%) sepia(61%) saturate(836%) hue-rotate(359deg) brightness(103%) contrast(96%)' }, turuncu: { primary: '#e67e22', secondary: '#d35400', background: '#372a0f', backgroundDark: '#231a0a', accent: '#ffb700', iconFilter: 'invert(62%) sepia(75%) saturate(1001%) hue-rotate(346deg) brightness(96%) contrast(92%)' } }; // Rastgele tema seçme fonksiyonu function rastgeleTemaSecimi() { const temaIsimleri = Object.keys(temalar); const rastgeleIndex = Math.floor(Math.random() * temaIsimleri.length); return temaIsimleri[rastgeleIndex]; } // Tema uygulama fonksiyonu function temaUygula(temaIsmi) { // Eğer belirli bir tema ismi verilmediyse rastgele seç if (!temaIsmi || !temalar[temaIsmi]) { temaIsmi = rastgeleTemaSecimi(); } const tema = temalar[temaIsmi]; // CSS değişkenlerini ayarla document.documentElement.style.setProperty('--primary-color', tema.primary); document.documentElement.style.setProperty('--secondary-color', tema.secondary); document.documentElement.style.setProperty('--background-color', tema.background); document.documentElement.style.setProperty('--background-dark-color', tema.backgroundDark); document.documentElement.style.setProperty('--accent-color', tema.accent); document.documentElement.style.setProperty('--icon-filter', tema.iconFilter); // Tema ismini localStorage'a kaydet localStorage.setItem('aktifTema', temaIsmi); console.log(`${temaIsmi} teması uygulandı`); return temaIsmi; } // Sayfa yüklendiğinde tema uygula document.addEventListener('DOMContentLoaded', () => { // Önceki ziyarette seçilen tema varsa onu kullan, yoksa rastgele seç const kaydedilmisTema = localStorage.getItem('aktifTema'); // Her ziyarette rastgele tema için kaydedilmiş temayı kullanma const aktifTema = temaUygula(rastgeleTemaSecimi()); // Tema seçici düğmelerini etkinleştir (eğer varsa) const temaSeciciler = document.querySelectorAll('.tema-secici'); if (temaSeciciler.length > 0) { temaSeciciler.forEach(secici => { secici.addEventListener('click', (e) => { const yeniTema = e.currentTarget.dataset.tema; temaUygula(yeniTema); }); // Aktif temayı işaretle if (secici.dataset.tema === aktifTema) { secici.classList.add('aktif'); } else { secici.classList.remove('aktif'); } }); } });