/* ============================================================ RAPTOREX — TEMALAR (tek dosya) ============================================================ Neden tek dosya? Tema ayri bir CSS dosyasinda oldugunda, sayfa once varsayilan temayla boyanip sonra tema dosyasi yuklenince YENIDEN boyaniyordu (gozle gorulur flas). Ayrica tema degistirmek yeni bir CSS istegi demekti. Bu dosyada iki tema birlikte durur; sayfa ile hangisinin gecerli oldugunu soyler. Ek istek yok, flas yok, gecis anlik. YENI TEMA EKLEME 1) Asagiya [data-tema="yeni-ad"] { ...token'lar... } blogu ekleyin 2) Panel > Tema sekmesine karti ekleyin (api/dashboard.php) Baslangic noktasi olarak "standart" blogunu kopyalayin. NOT: style.css icindeki :root, temalar.css yuklenemezse devreye giren yedektir (degerler standart temayla aynidir). ============================================================ */ /* ---------- STANDART (varsayilan) ---------- */ :root, [data-tema="standart"] { --bg-image: url("../assets/images/products/mini-v2.webp"); --color-accent: #e11d2a; --color-accent-2: #c01724; --color-accent-bright: #ff7a85; --color-accent-dark: #b3261e; --color-accent-grad-1: #e42534; --color-accent-grad-2: #c81e2b; --color-accent-hover: #c01724; --color-accent-light: #ff4d5a; --color-accent-light-2: #ff4d57; --color-accent-pale: #f0a9ad; --color-accent-pale-2: #ffd7db; --color-accent-pale-3: #ffd6d9; --color-accent-pale-4: #ffe3e5; --color-accent-soft: rgba(225, 29, 42, 0.08); --color-accent-solid: #d42a2a; --color-accent-text: #d42a2a; --color-band-bg: #e0e2e1; --color-bank-garanti-1: #007a53; --color-bank-garanti-2: #005c3e; --color-bank-vakif-1: #fdb913; --color-bank-vakif-2: #d99a00; --color-bank-vakif-text: #4a3800; --color-bg: #ffffff; --color-bg-2: #f5f7fa; --color-border: #e4e6ea; --color-border-hover: #b9c6d8; --color-border-inverse: #ffffff; --color-border-soft: #e5e7eb; --color-border-strong: #c9cdd3; --color-danger: #dc2626; --color-danger-border: #f3c1c1; --color-danger-on-dark: #fda4af; --color-danger-soft: #fee2e2; --color-danger-soft-2: #fff5f5; --color-dark: #0f1115; --color-dark-2: #17243f; --color-dark-3: #0e1626; --color-dark-solid: rgb(16, 20, 24); --color-info: #2563eb; --color-info-bg: #eff6ff; --color-info-border: #bfdbfe; --color-info-bright: #3b82f6; --color-info-dark: #1d4ed8; --color-info-soft: #cfe8ff; --color-lang-ayrac: #c0c0c0; --color-media-bg: #000000; --color-neutral-100: #f3f4f6; --color-neutral-50: #fafafa; --color-on-accent: #ffffff; --color-orange: #ea580c; --color-orange-dark: #78350f; --color-orange-darker: #7a3410; --color-success: #1f9d4d; --color-success-2: #059669; --color-success-border: #a7f3d0; --color-success-dark: #047857; --color-success-darker: #1f7a3d; --color-success-deep: #17693a; --color-success-deep-2: #065f46; --color-success-on-dark: #7ee2a8; --color-success-soft: #ecfdf5; --color-success-soft-2: #cce6cc; --color-success-soft-3: #c8e2ca; --color-surface: #ffffff; --color-surface-2: #fafbfc; --color-surface-3: #f9fafb; --color-text: #101418; --color-text-2: #111827; --color-text-3: #3f4752; --color-text-4: #6b7280; --color-text-5: #4b5563; --color-text-6: #374151; --color-text-7: #9ca3af; --color-text-dark: #111111; --color-text-dim: #8a93a0; --color-text-muted: #5a6470; --color-text-on-dark: #e8eaed; --color-tile-dark: rgb(43, 47, 66); --color-warn: #f59e0b; --color-warn-border: #fde68a; --color-warn-bright: #fbbf24; --color-warn-dark: #b45309; --color-warn-darker: #92400e; --color-warn-soft: #fffbeb; --color-zebra: #eef1f4; --color-zebra-hover: #e2e7ec; --container: 1200px; --ease: cubic-bezier(0.22, 1, 0.36, 1); --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace; --font-sans: "Saira", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --header-h: 66px; --overlay-accent-08: rgba(225, 29, 42, 0.08); --overlay-accent-16: rgba(225, 29, 42, 0.16); --overlay-accent-18: rgba(225, 29, 42, 0.18); --overlay-accent-35: rgba(225, 29, 42, 0.35); --overlay-accentt-12: rgba(212, 42, 42, 0.12); --overlay-bank-15: rgba(74, 56, 0, 0.15); --overlay-dark-05: rgba(16, 20, 24, 0.05); --overlay-dark-06: rgba(16, 20, 24, 0.06); --overlay-dark-07: rgba(16, 20, 24, 0.07); --overlay-dark-08: rgba(16, 20, 24, 0.08); --overlay-dark-12: rgba(16, 20, 24, 0.12); --overlay-dark-28: rgba(16, 20, 24, 0.28); --overlay-dark-30: rgba(16, 20, 24, 0.3); --overlay-dark-45: rgba(16, 20, 24, 0.45); --overlay-dark-85: rgba(16, 20, 24, 0.85); --overlay-dark-92: rgba(16, 20, 24, 0.92); --overlay-info-16: rgba(59, 130, 246, 0.16); --overlay-info-42: rgba(37, 99, 235, 0.42); --overlay-ink-0: rgba(15, 17, 21, 0); --overlay-ink-20: rgba(15, 17, 21, 0.2); --overlay-ink-55: rgba(15, 17, 21, 0.55); --overlay-ink-92: rgba(15, 17, 21, 0.92); --overlay-orange-40: rgba(120, 53, 15, 0.4); --overlay-orange-45: rgba(234, 88, 12, 0.45); --overlay-success-0: rgba(31, 157, 77, 0); --overlay-success-45: rgba(31, 157, 77, 0.45); --overlay-success-55: rgba(31, 157, 77, 0.55); --overlay-success-75: rgba(31, 157, 77, 0.75); --overlay-warn-0: rgba(245, 158, 11, 0); --overlay-warn-45: rgba(245, 158, 11, 0.45); --overlay-warn-92: rgba(255, 251, 235, 0.92); --radius: 12px; --radius-lg: 18px; --speed: 0.25s; --surface-w06: rgba(255,255,255,0.06); --surface-w10: rgba(255,255,255,0.10); --surface-w12: rgba(255,255,255,0.12); --surface-w18: rgba(255,255,255,0.18); --surface-w22: rgba(255,255,255,0.22); --surface-w55: rgba(255,255,255,0.55); --surface-w75: rgba(255,255,255,0.75); --surface-w85: rgba(255,255,255,0.85); --surface-w88: rgba(255,255,255,0.88); --surface-w92: rgba(255,255,255,0.92); --header-bg: rgba(255,255,255,0.85); --tile-scale: 1; } /* ---------- VISNE CURUGU (koyu kiraz / bordo) ---------- */ [data-tema="visne"] { --color-accent: #d6223d; --color-accent-2: #ff4658; --color-accent-hover: #ff4658; --color-accent-soft: rgba(214, 34, 61, 0.18); --color-accent-solid: #d6223d; --color-accent-text: #ff6b7a; --color-band-bg: #2a1418; --color-bg: #1f0f12; --color-bg-2: #2a1418; --color-border: #4b232a; --color-border-hover: #6b3540; --color-border-soft: #432028; --color-border-strong: #5f2d36; --color-danger-border: #5c2a2a; --color-danger-soft: #3a1a1a; --color-danger-soft-2: #3a1a1a; --color-dark: #180a0d; --color-dark-2: #1f0f12; --color-dark-3: #180a0d; --color-info-bg: #16203a; --color-info-border: #2a3f63; --color-info-soft: #1a2740; --color-neutral-100: #3a1c22; --color-neutral-50: #2a1418; --color-on-accent: #ffffff; --color-success-border: #2f5c40; --color-success-soft: #1b2e22; --color-success-soft-2: #23422f; --color-success-soft-3: #23422f; --color-surface: #33181d; --color-surface-2: #3a1c22; --color-surface-3: #2a1418; --color-text: #f3e7e2; --color-text-2: #f7efeb; --color-text-3: #ddc4bd; --color-text-4: #c9a49c; --color-text-5: #d4b3ab; --color-text-6: #e0c8c1; --color-text-7: #b08a82; --color-text-dark: #f7efeb; --color-text-dim: #a97f77; --color-text-muted: #cfa8a0; --color-text-on-dark: #f3e7e2; --color-tile-dark: #2a1418; --color-warn-border: #5c4a1c; --color-warn-soft: #33280f; --color-zebra: #2f161b; --color-zebra-hover: #3a1c22; --overlay-warn-92: rgba(51, 40, 15, 0.92); --surface-w75: rgba(51, 24, 29, 0.75); --surface-w85: rgba(51, 24, 29, 0.85); --surface-w88: rgba(51, 24, 29, 0.88); --surface-w92: rgba(51, 24, 29, 0.92); --header-bg: rgba(51, 24, 29, 0.85); } /* ============================================================ BOLUM EZMELERI — PANELDEN URETILIR ------------------------------------------------------------ Panel > Tema sekmesinde bir bolume renk atadiginizda, ezme bu iki isaretin ARASINA yazilir. Bu blogu ELLE DUZENLEMEYIN; panel kaydettiginde uzerine yazar. Ornek uretilen satir: [data-tema="visne"] .hero { --color-surface: #1a0d10; } Token'lar CSS'te kademeli oldugu icin bolum kapsayicisina yazilan deger alt agaca yayilir; HTML'e etiket eklemek gerekmez. ============================================================ */ /* OTOMATIK-BOLUM-BASLANGIC */ /* Hero (üst banner) */ [data-tema="visne"] .hero { --color-accent: #d6223d; --color-on-accent: #ffffff; --color-dark: rgba(51, 24, 29, 0.85); background: var(--color-dark); } /* CNC Makineler */ [data-tema="visne"] #makinalar { --color-text-muted: #cfa8a0; --color-border: #4b232a; --color-accent: #d6223d; --color-on-accent: #ffffff; --color-tile-dark: rgba(51, 24, 29, 0.85); --color-text: #f3e7e2; background: var(--color-tile-dark); } /* Aksesuarlar */ [data-tema="visne"] #aksesuarlar { --color-text-muted: #cfa8a0; --color-border: #4b232a; --color-accent: #d6223d; --color-on-accent: #ffffff; --color-tile-dark: rgba(51, 24, 29, 0.85); --color-text: #f3e7e2; background: var(--color-tile-dark); } /* Karşılaştırma Tablosu */ [data-tema="visne"] #karsilastir { --color-text-muted: #cfa8a0; --color-border: #4b232a; --color-accent: #d6223d; --color-bg: rgba(51, 24, 29, 0.85); --color-text: #f3e7e2; --color-text-dim: #a97f77; background: var(--color-bg); } /* Özellikler (garanti/servis) */ [data-tema="visne"] #ozellikler { --color-border: #4b232a; --color-on-accent: #ffffff; --color-tile-dark: rgba(51, 24, 29, 0.85); --color-text: #f3e7e2; background: var(--color-tile-dark); } /* Referanslar */ [data-tema="visne"] #referanslar { --color-text-muted: #cfa8a0; --color-border: #4b232a; --color-on-accent: #ffffff; --color-bg: rgba(51, 24, 29, 0.85); --color-text: #f3e7e2; background: var(--color-bg); } /* Sıkça Sorulan Sorular */ [data-tema="visne"] #sss { --color-text-muted: #cfa8a0; --color-border: #4b232a; --color-accent: #d6223d; --color-bg: rgba(51, 24, 29, 0.85); --color-text: #f3e7e2; background: var(--color-bg); } /* Ürün: üst (görsel + satın al) */ [data-tema="visne"] .product-top { --color-accent: #d6223d; --color-on-accent: #ffffff; --color-bg: rgba(51, 24, 29, 0.85); background: var(--color-bg); } /* Ürün: açıklama */ [data-tema="visne"] .product-bottom { --color-text-muted: #cfa8a0; --color-border: #4b232a; --color-accent: #d6223d; --color-on-accent: #ffffff; --color-tile-dark: rgba(51, 24, 29, 0.85); background: var(--color-tile-dark); } /* Ürün: teknik özellikler */ [data-tema="visne"] .spec-wrap { --color-text-muted: #cfa8a0; --color-border: #4b232a; --color-accent: #d6223d; --color-on-accent: #ffffff; --color-bg: rgba(51, 24, 29, 0.85); --color-text: #f3e7e2; background: var(--color-bg); } /* Diğer ürünler */ [data-tema="visne"] .compact-products { --color-text-muted: #cfa8a0; --color-border: #4b232a; --color-accent: #d6223d; --color-on-accent: #ffffff; --color-tile-dark: rgba(51, 24, 29, 0.85); --color-text: #f3e7e2; background: var(--color-tile-dark); } /* 🔝 Üst bar (menü + logo) */ [data-tema="visne"] .header { --color-text-muted: #cfa8a0; --color-border: #4b232a; --color-bg: #1f0f12; --color-accent: #d6223d; --color-on-accent: #ffffff; --header-bg: rgba(51, 24, 29, 0.85); background: var(--header-bg); } /* Footer (alt bilgi) */ [data-tema="visne"] .footer { --color-text-muted: #cfa8a0; --color-border: #4b232a; --color-accent: #d6223d; --color-bg: rgba(51, 24, 29, 0.85); --color-text: #f3e7e2; --color-text-dim: #a97f77; background: var(--color-bg); } /* OTOMATIK-BOLUM-BITIS */