/* ═══════════════════════════════════════ TEMA PRESET'LERİ — Kapsamlı Hem müşteri sitesi hem admin paneli için üzerinde aktif olur ═══════════════════════════════════════ */ /* ───────────────────────────────────────── 1. GOLD-BLACK (Varsayılan) style.css ve admin.css içindeki :root değerleri zaten bu temayı verir. Burada override yok. ───────────────────────────────────────── */ /* ───────────────────────────────────────── 2. SILVER & NAVY ───────────────────────────────────────── */ [data-theme="silver-navy"] { /* Customer site */ --bg1: #0a0f1d; --bg2: #131a2e; --bg3: #1a2540; --bg4: #243155; --gold: #c5cad3; --gold2: #a8aeb8; --gold3: #8b929d; --gold-glow: rgba(197, 202, 211, 0.14); --gold-glow2: rgba(197, 202, 211, 0.06); --border3: rgba(197, 202, 211, 0.18); /* Admin panel */ --bg: #0a0f1d; --bg-card: #1a2540; --bg-input: #131a2e; --bg-hover: #243155; --text: #e8ecf4; --text-sec: #9aa1b3; --gold-light: #dfe2e8; --gold-dark: #8b929d; --border: #243155; --border-light: #3a4a72; } /* ───────────────────────────────────────── 3. BRONZE & BROWN ───────────────────────────────────────── */ [data-theme="bronze-brown"] { /* Customer */ --bg1: #1a1410; --bg2: #251c14; --bg3: #2e2418; --bg4: #3e2e20; --gold: #cd7f32; --gold2: #b06624; --gold3: #8b4f1a; --gold-glow: rgba(205, 127, 50, 0.14); --gold-glow2: rgba(205, 127, 50, 0.06); --border3: rgba(205, 127, 50, 0.2); /* Admin */ --bg: #1a1410; --bg-card: #2e2418; --bg-input: #251c14; --bg-hover: #3e2e20; --text: #f5e6d3; --text-sec: #b09478; --gold-light: #e09848; --gold-dark: #8b4f1a; --border: #3e2e20; --border-light: #5a4530; } /* ───────────────────────────────────────── 4. EMERALD & BLACK ───────────────────────────────────────── */ [data-theme="emerald-black"] { --bg1: #08080c; --bg2: #0e1410; --bg3: #121d18; --bg4: #1a2920; --gold: #10b981; --gold2: #0ea372; --gold3: #098560; --gold-glow: rgba(16, 185, 129, 0.14); --gold-glow2: rgba(16, 185, 129, 0.06); --border3: rgba(16, 185, 129, 0.2); /* Admin */ --bg: #08080c; --bg-card: #121d18; --bg-input: #0e1410; --bg-hover: #1a2920; --text: #e8f4ed; --text-sec: #88a89c; --gold-light: #34d399; --gold-dark: #098560; --border: #1a2920; --border-light: #2a4030; } /* ───────────────────────────────────────── 5. ROYAL PURPLE ───────────────────────────────────────── */ [data-theme="royal-purple"] { --bg1: #0c0a1a; --bg2: #131028; --bg3: #1e1b3a; --bg4: #2a2550; --gold: #a855f7; --gold2: #9333ea; --gold3: #7e22ce; --gold-glow: rgba(168, 85, 247, 0.16); --gold-glow2: rgba(168, 85, 247, 0.07); --border3: rgba(168, 85, 247, 0.22); /* Admin */ --bg: #0c0a1a; --bg-card: #1e1b3a; --bg-input: #131028; --bg-hover: #2a2550; --text: #f0ecf8; --text-sec: #a89cc8; --gold-light: #c084fc; --gold-dark: #7e22ce; --border: #2a2550; --border-light: #3d3568; } /* ───────────────────────────────────────── 6. LIGHT MODERN (Açık Tema) Metin renkleri ters çevrilir, gölgeler hafifletilir ───────────────────────────────────────── */ [data-theme="light-modern"] { /* Customer site */ --bg1: #ffffff; --bg2: #f7f8fa; --bg3: #eef0f4; --bg4: #e1e5ec; --gold: #2563eb; --gold2: #1d4ed8; --gold3: #1e40af; --gold-glow: rgba(37, 99, 235, 0.1); --gold-glow2: rgba(37, 99, 235, 0.05); --text1: #0f172a; --text2: #475569; --text3: #64748b; --text4: #94a3b8; --text-muted: #64748b; --border: rgba(0, 0, 0, 0.08); --border2: rgba(0, 0, 0, 0.14); --border3: rgba(37, 99, 235, 0.2); /* Admin panel — açık tema */ --bg: #f1f4f9; --bg-card: #ffffff; --bg-input: #ffffff; --bg-hover: #eef2f7; --text: #0f172a; --text-sec: #5b6878; --gold-light: #4b82f5; --gold-dark: #1e40af; --border-light: rgba(0, 0, 0, 0.16); --shadow: 0 4px 16px rgba(0, 0, 0, 0.08); --shadow-lg: 0 8px 28px rgba(0, 0, 0, 0.12); } /* ═══════════════════════════════════════ LIGHT THEME — Ek görsel sertleştirmeler Koyu tema için tasarlanmış elemanları açık temada düzelt ═══════════════════════════════════════ */ /* Body ve scroll */ [data-theme="light-modern"] body { background: #f1f4f9 !important; color: #0f172a; } [data-theme="light-modern"] ::selection { color: #fff; background: #2563eb; } /* Customer site — karanlık katmanlar açık temada düzeltilsin */ [data-theme="light-modern"] .topbar { background: rgba(255, 255, 255, 0.95); border-bottom: 1px solid rgba(0, 0, 0, 0.06); } [data-theme="light-modern"] .topbar.scrolled { background: rgba(255, 255, 255, 0.98); } [data-theme="light-modern"] .topbar a, [data-theme="light-modern"] .brand-text { color: #0f172a; } [data-theme="light-modern"] .splash-screen { background: #ffffff; } [data-theme="light-modern"] .splash-brand, [data-theme="light-modern"] .splash-sub { color: #0f172a; } [data-theme="light-modern"] .particle { background: rgba(37, 99, 235, 0.15) !important; } [data-theme="light-modern"] footer { background: #f7f8fa; color: #475569; border-top: 1px solid rgba(0, 0, 0, 0.06); } [data-theme="light-modern"] footer a { color: #2563eb; } [data-theme="light-modern"] .booking-panel, [data-theme="light-modern"] .side-card, [data-theme="light-modern"] .staff-card, [data-theme="light-modern"] .modal-box, [data-theme="light-modern"] .panel { background: #ffffff !important; color: #0f172a; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06); } [data-theme="light-modern"] input, [data-theme="light-modern"] textarea, [data-theme="light-modern"] select { background: #ffffff !important; color: #0f172a !important; border: 1px solid rgba(0, 0, 0, 0.14) !important; } [data-theme="light-modern"] input::placeholder, [data-theme="light-modern"] textarea::placeholder { color: #94a3b8 !important; } /* Admin sidebar light theme */ [data-theme="light-modern"] .sidebar { background: #ffffff !important; border-right: 1px solid rgba(0, 0, 0, 0.08); } [data-theme="light-modern"] .sidebar-logo { color: #0f172a; } [data-theme="light-modern"] .nav-item { color: #475569; } [data-theme="light-modern"] .nav-item:hover { background: rgba(37, 99, 235, 0.06); color: #2563eb; } [data-theme="light-modern"] .nav-item.active { background: rgba(37, 99, 235, 0.1); color: #2563eb; } [data-theme="light-modern"] .main-content { background: #f1f4f9; } [data-theme="light-modern"] .stat-card, [data-theme="light-modern"] .admin-modal { background: #ffffff; color: #0f172a; } [data-theme="light-modern"] .login-card { background: #ffffff !important; } [data-theme="light-modern"] .login-card h1, [data-theme="light-modern"] .login-card label { color: #0f172a; } [data-theme="light-modern"] .login-card .subtitle { color: #5b6878; } /* Section info card light theme */ [data-theme="light-modern"] .section-info-card { background: linear-gradient(135deg, rgba(37, 99, 235, 0.05), rgba(37, 99, 235, 0.01)); border-color: rgba(37, 99, 235, 0.2); } [data-theme="light-modern"] .section-info-desc { color: #0f172a; } [data-theme="light-modern"] .section-info-tips { color: #5b6878; } /* Banner: arka plan koyu kalsın okunaklı olsun */ [data-theme="light-modern"] .admin-demo-banner { color: #08080c; } [data-theme="light-modern"] .adb-msg, [data-theme="light-modern"] .adb-msg strong { color: #08080c; } /* Demo pitch light theme */ [data-theme="light-modern"] .demo-pitch-inner { background: #ffffff !important; border-color: rgba(37, 99, 235, 0.2); box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06); } [data-theme="light-modern"] .demo-h, [data-theme="light-modern"] .demo-lead strong, [data-theme="light-modern"] .demo-flow-step strong { color: #0f172a; } [data-theme="light-modern"] .demo-lead, [data-theme="light-modern"] .demo-flow-step p, [data-theme="light-modern"] .demo-features li { color: #475569; } [data-theme="light-modern"] .demo-features li { background: #f7f8fa; border-color: rgba(0, 0, 0, 0.06); color: #0f172a; } [data-theme="light-modern"] .demo-creds { background: #f7f8fa; border-color: #2563eb; } [data-theme="light-modern"] .demo-cred-val code { background: rgba(37, 99, 235, 0.08); } [data-theme="light-modern"] .demo-cta-btn { background: #ffffff; color: #0f172a; } [data-theme="light-modern"] .demo-cta-btn small { color: #5b6878; } [data-theme="light-modern"] .demo-cta-btn strong { color: #0f172a; } [data-theme="light-modern"] .demo-note { background: rgba(251, 191, 36, 0.15); color: #92651d; border-color: rgba(251, 191, 36, 0.35); } /* Bottom-nav light theme */ [data-theme="light-modern"] .bottom-nav { background: #ffffff; border-top: 1px solid rgba(0, 0, 0, 0.08); } [data-theme="light-modern"] .bottom-nav-item { color: #5b6878; } [data-theme="light-modern"] .bottom-nav-item.active { color: #2563eb; } /* About modal light theme */ [data-theme="light-modern"] .about-hero { background: linear-gradient(135deg, rgba(37, 99, 235, 0.08), rgba(37, 99, 235, 0.02)); } [data-theme="light-modern"] .about-section p, [data-theme="light-modern"] .about-feat { color: #0f172a; } [data-theme="light-modern"] .about-feat { background: #f7f8fa; } /* Modal'lar */ [data-theme="light-modern"] .modal-bg { background: rgba(0, 0, 0, 0.55); } [data-theme="light-modern"] .admin-modal-overlay { background: rgba(0, 0, 0, 0.5); } [data-theme="light-modern"] .modal-box { background: #ffffff; color: #0f172a; } /* Tablo */ [data-theme="light-modern"] table { background: #ffffff; } [data-theme="light-modern"] th { background: #f1f4f9; color: #0f172a; border-bottom: 1px solid rgba(0, 0, 0, 0.08); } [data-theme="light-modern"] td { color: #0f172a; border-bottom: 1px solid rgba(0, 0, 0, 0.05); } /* ═══════════════════════════════════════ TÜM TEMALAR İÇİN: Buton kontrast garantisi ═══════════════════════════════════════ */ /* Gold/aksan butonlar — text rengi dinamik (light tema'da beyaz, diğerlerinde siyah) */ [data-theme="light-modern"] .modern-btn--gold, [data-theme="light-modern"] .btn-login, [data-theme="light-modern"] .cta-btn { color: #ffffff !important; } [data-theme="light-modern"] .modern-btn--gold i, [data-theme="light-modern"] .btn-login i { color: #ffffff !important; }