/* ═══════════════════════════════════════════════════════════════ src/shared/css/temalar.css Tüm paneller (admin, ogretmen, ogrenci, veli) bu dosyayı kullanır. Tema aktivasyonu: ═══════════════════════════════════════════════════════════════ */ /* ── KOYU TEMALAR ─────────────────────────────────────────────── */ [data-theme="gece-altin"] { --bg: #06091a; --bg2: #04061a; --surface: rgba(255,255,255,0.055); --surface2: rgba(255,255,255,0.09); --border: rgba(255,255,255,0.11); --border-acc: rgba(245,158,11,0.45); --accent: #f59e0b; --accent2: #fbbf24; --accent-glow: rgba(245,158,11,0.22); --accent-soft: rgba(245,158,11,0.11); --text1: #ffffff; --text2: rgba(255,255,255,0.55); --text3: rgba(255,255,255,0.3); } [data-theme="mor-pembe"] { --bg: #0d0516; --bg2: #0a0410; --surface: rgba(255,255,255,0.055); --surface2: rgba(255,255,255,0.09); --border: rgba(255,255,255,0.11); --border-acc: rgba(244,114,182,0.45); --accent: #f472b6; --accent2: #ec4899; --accent-glow: rgba(244,114,182,0.22); --accent-soft: rgba(244,114,182,0.11); --text1: #ffffff; --text2: rgba(255,255,255,0.55); --text3: rgba(255,255,255,0.3); } [data-theme="antrasit-turuncu"] { --bg: #0f0a06; --bg2: #0a0704; --surface: rgba(255,255,255,0.055); --surface2: rgba(255,255,255,0.09); --border: rgba(255,255,255,0.11); --border-acc: rgba(249,115,22,0.45); --accent: #f97316; --accent2: #fb923c; --accent-glow: rgba(249,115,22,0.22); --accent-soft: rgba(249,115,22,0.11); --text1: #ffffff; --text2: rgba(255,255,255,0.55); --text3: rgba(255,255,255,0.3); } [data-theme="deniz-cyan"] { --bg: #020d14; --bg2: #01090f; --surface: rgba(255,255,255,0.055); --surface2: rgba(255,255,255,0.09); --border: rgba(255,255,255,0.11); --border-acc: rgba(34,211,238,0.45); --accent: #22d3ee; --accent2: #67e8f9; --accent-glow: rgba(34,211,238,0.22); --accent-soft: rgba(34,211,238,0.11); --text1: #ffffff; --text2: rgba(255,255,255,0.55); --text3: rgba(255,255,255,0.3); } [data-theme="orman-lime"] { --bg: #050d05; --bg2: #030903; --surface: rgba(255,255,255,0.055); --surface2: rgba(255,255,255,0.09); --border: rgba(255,255,255,0.11); --border-acc: rgba(132,204,22,0.45); --accent: #84cc16; --accent2: #a3e635; --accent-glow: rgba(132,204,22,0.22); --accent-soft: rgba(132,204,22,0.11); --text1: #ffffff; --text2: rgba(255,255,255,0.55); --text3: rgba(255,255,255,0.3); } [data-theme="gece-kirmizi"] { --bg: #0c0505; --bg2: #090303; --surface: rgba(255,255,255,0.055); --surface2: rgba(255,255,255,0.09); --border: rgba(255,255,255,0.11); --border-acc: rgba(248,113,113,0.45); --accent: #f87171; --accent2: #ef4444; --accent-glow: rgba(248,113,113,0.22); --accent-soft: rgba(248,113,113,0.11); --text1: #ffffff; --text2: rgba(255,255,255,0.55); --text3: rgba(255,255,255,0.3); } [data-theme="gece-indigo"] { --bg: #08070f; --bg2: #05040c; --surface: rgba(255,255,255,0.055); --surface2: rgba(255,255,255,0.09); --border: rgba(255,255,255,0.11); --border-acc: rgba(129,140,248,0.45); --accent: #818cf8; --accent2: #6366f1; --accent-glow: rgba(129,140,248,0.22); --accent-soft: rgba(129,140,248,0.11); --text1: #ffffff; --text2: rgba(255,255,255,0.55); --text3: rgba(255,255,255,0.3); } [data-theme="siyah-gumus"] { --bg: #090909; --bg2: #060606; --surface: rgba(255,255,255,0.055); --surface2: rgba(255,255,255,0.09); --border: rgba(255,255,255,0.11); --border-acc: rgba(226,232,240,0.45); --accent: #e2e8f0; --accent2: #94a3b8; --accent-glow: rgba(226,232,240,0.18); --accent-soft: rgba(226,232,240,0.08); --text1: #ffffff; --text2: rgba(255,255,255,0.55); --text3: rgba(255,255,255,0.3); } /* ── AÇIK TEMALAR ─────────────────────────────────────────────── */ [data-theme="krem-indigo"] { --bg: #f8f7f4; --bg2: #eeecea; --surface: rgba(0,0,0,0.04); --surface2: rgba(0,0,0,0.07); --border: rgba(0,0,0,0.1); --border-acc: rgba(99,102,241,0.4); --accent: #6366f1; --accent2: #4f46e5; --accent-glow: rgba(99,102,241,0.15); --accent-soft: rgba(99,102,241,0.08); --text1: #1e293b; --text2: rgba(30,41,59,0.6); --text3: rgba(30,41,59,0.35); } [data-theme="acik-zumrut"] { --bg: #f0fdf4; --bg2: #dcfce7; --surface: rgba(0,0,0,0.04); --surface2: rgba(0,0,0,0.07); --border: rgba(0,0,0,0.1); --border-acc: rgba(22,163,74,0.4); --accent: #16a34a; --accent2: #15803d; --accent-glow: rgba(22,163,74,0.15); --accent-soft: rgba(22,163,74,0.08); --text1: #14532d; --text2: rgba(20,83,45,0.65); --text3: rgba(20,83,45,0.38); } [data-theme="lavanta-mor"] { --bg: #faf5ff; --bg2: #f3e8ff; --surface: rgba(0,0,0,0.04); --surface2: rgba(0,0,0,0.07); --border: rgba(0,0,0,0.1); --border-acc: rgba(147,51,234,0.4); --accent: #9333ea; --accent2: #7e22ce; --accent-glow: rgba(147,51,234,0.15); --accent-soft: rgba(147,51,234,0.08); --text1: #3b0764; --text2: rgba(59,7,100,0.62); --text3: rgba(59,7,100,0.36); } [data-theme="buz-okyanus"] { --bg: #f0f9ff; --bg2: #e0f2fe; --surface: rgba(0,0,0,0.04); --surface2: rgba(0,0,0,0.07); --border: rgba(0,0,0,0.1); --border-acc: rgba(3,105,161,0.4); --accent: #0369a1; --accent2: #0284c7; --accent-glow: rgba(3,105,161,0.15); --accent-soft: rgba(3,105,161,0.08); --text1: #0c4a6e; --text2: rgba(12,74,110,0.62); --text3: rgba(12,74,110,0.36); } [data-theme="seftali-turuncu"] { --bg: #fff7ed; --bg2: #ffedd5; --surface: rgba(0,0,0,0.04); --surface2: rgba(0,0,0,0.07); --border: rgba(0,0,0,0.1); --border-acc: rgba(234,88,12,0.4); --accent: #ea580c; --accent2: #c2410c; --accent-glow: rgba(234,88,12,0.15); --accent-soft: rgba(234,88,12,0.08); --text1: #7c2d12; --text2: rgba(124,45,18,0.62); --text3: rgba(124,45,18,0.36); } [data-theme="gul-kirmizi"] { --bg: #fff1f2; --bg2: #ffe4e6; --surface: rgba(0,0,0,0.04); --surface2: rgba(0,0,0,0.07); --border: rgba(0,0,0,0.1); --border-acc: rgba(225,29,72,0.4); --accent: #e11d48; --accent2: #be123c; --accent-glow: rgba(225,29,72,0.15); --accent-soft: rgba(225,29,72,0.08); --text1: #881337; --text2: rgba(136,19,55,0.62); --text3: rgba(136,19,55,0.36); } [data-theme="limon-altin"] { --bg: #fefce8; --bg2: #fef9c3; --surface: rgba(0,0,0,0.04); --surface2: rgba(0,0,0,0.07); --border: rgba(0,0,0,0.1); --border-acc: rgba(202,138,4,0.4); --accent: #ca8a04; --accent2: #a16207; --accent-glow: rgba(202,138,4,0.15); --accent-soft: rgba(202,138,4,0.08); --text1: #713f12; --text2: rgba(113,63,18,0.62); --text3: rgba(113,63,18,0.36); } [data-theme="bulut-slate"] { --bg: #f8fafc; --bg2: #f1f5f9; --surface: rgba(0,0,0,0.04); --surface2: rgba(0,0,0,0.07); --border: rgba(0,0,0,0.1); --border-acc: rgba(51,65,85,0.4); --accent: #334155; --accent2: #475569; --accent-glow: rgba(51,65,85,0.15); --accent-soft: rgba(51,65,85,0.08); --text1: #0f172a; --text2: rgba(15,23,42,0.6); --text3: rgba(15,23,42,0.35); }