/* ═══════════════════════════════════════════════════════════════ SendenSana — TEMALAR (tek kaynak, 12 Eyl 2026) ----------------------------------------------------------------- 10 tema: night · dawn · ocean · forest · paper · stone · kyoto · rose · sky · lux Nefes Stüdyosu'nda seçilen tema ARTIK TÜM SİTEDE geçerli (kullanıcı isteği). Değerler YALNIZ BURADA tanımlıdır: · css/breath-studio.css → .bs { --bs-*: var(--th-*) } (bu dosyayı @import eder) · css/home.css → :root { --hm-*: var(--th-*) } · css/practice-theme.css → pratik ekranları Seçici `[data-theme="x"]` bilinçli olarak kök-bağımsızdır: aynı kurallar (SPA) ve stüdyonun kendi kabı .bs[data-theme] için de çalışır. Varsayılan (night) :root'ta; stüdyonun eski görünümü birebir korunur. ═══════════════════════════════════════════════════════════════ */ :root, [data-theme="night"] { --th-bg1: #14111f; --th-bg2: #231d38; --th-card: #1b1729; --th-card2: #201c30; --th-ink: #f1ece3; --th-soft: #e7e1ee; --th-muted: #b3acc4; --th-faint: #8f88a6; --th-in: #46d9c9; --th-out: #8f86b3; --th-hold: #c98a52; --th-panel: rgba(27, 23, 41, 0.88); --th-header: rgba(20, 17, 31, 0.84); --th-line: rgba(241, 236, 227, 0.09); --th-line2: rgba(241, 236, 227, 0.16); --th-chip: rgba(241, 236, 227, 0.05); --th-chip-on: #46d9c9; --th-chip-on-ink: #14111f; --th-shadow: rgba(0, 0, 0, 0.35); } [data-theme="dawn"] { --th-bg1: #241524; --th-bg2: #4b2b3b; --th-card: #2e1b2c; --th-card2: #35202f; --th-ink: #fbeee6; --th-soft: #f3ded2; --th-muted: #d8b7ae; --th-faint: #b4938c; --th-in: #ffb88f; --th-out: #f08fae; --th-hold: #ffe0a0; --th-panel: rgba(36, 21, 36, 0.86); --th-header: rgba(36, 21, 36, 0.86); --th-line: rgba(251, 238, 230, 0.14); --th-line2: rgba(251, 238, 230, 0.24); --th-chip: rgba(251, 238, 230, 0.07); --th-chip-on: #f08fae; --th-chip-on-ink: #241524; --th-shadow: rgba(0, 0, 0, 0.35); } [data-theme="ocean"] { --th-bg1: #04191f; --th-bg2: #0b3a47; --th-card: #0a222a; --th-card2: #0e2a33; --th-ink: #e4f6f7; --th-soft: #cfe9ec; --th-muted: #9cc6cb; --th-faint: #7ea7ad; --th-in: #5fe0d0; --th-out: #58a9ff; --th-hold: #c9f2e8; --th-panel: rgba(4, 25, 31, 0.86); --th-header: rgba(4, 25, 31, 0.86); --th-line: rgba(228, 246, 247, 0.13); --th-line2: rgba(228, 246, 247, 0.22); --th-chip: rgba(228, 246, 247, 0.06); --th-chip-on: #5fe0d0; --th-chip-on-ink: #04191f; --th-shadow: rgba(0, 0, 0, 0.35); } [data-theme="forest"] { --th-bg1: #0c1912; --th-bg2: #1c3526; --th-card: #12231a; --th-card2: #172c20; --th-ink: #e8f3ea; --th-soft: #d5e6d9; --th-muted: #a7c3ad; --th-faint: #86a38d; --th-in: #9be0a8; --th-out: #d9c27a; --th-hold: #c6e8b6; --th-panel: rgba(12, 25, 18, 0.86); --th-header: rgba(12, 25, 18, 0.86); --th-line: rgba(232, 243, 234, 0.13); --th-line2: rgba(232, 243, 234, 0.22); --th-chip: rgba(232, 243, 234, 0.06); --th-chip-on: #9be0a8; --th-chip-on-ink: #0c1912; --th-shadow: rgba(0, 0, 0, 0.35); } /* ── Aydınlık temalar: metin koyu, kart açık ── */ [data-theme="paper"] { --th-bg1: #ebe3d8; --th-bg2: #fbf8f3; --th-card: #fffdf8; --th-card2: #f6f1e8; --th-ink: #2d2640; --th-soft: #3c3355; --th-muted: #5f5578; --th-faint: #6f6589; --th-in: #0e918c; --th-out: #7c4dbd; --th-hold: #b8893a; --th-panel: rgba(255, 254, 250, 0.9); --th-header: rgba(251, 248, 243, 0.92); --th-line: rgba(45, 38, 64, 0.12); --th-line2: rgba(45, 38, 64, 0.22); --th-chip: rgba(45, 38, 64, 0.05); --th-chip-on: #2d2640; --th-chip-on-ink: #fbf8f3; --th-shadow: rgba(45, 38, 64, 0.14); } [data-theme="stone"] { --th-bg1: #363636; --th-bg2: #4c4c4a; --th-card: #3f3f3e; --th-card2: #474746; --th-ink: #e3e3d3; --th-soft: #d2d2c4; --th-muted: #b6b6a7; --th-faint: #a3a394; --th-in: #8fb58f; --th-out: #9cc3b3; --th-hold: #d9c38f; --th-panel: rgba(54, 54, 54, 0.88); --th-header: rgba(48, 48, 48, 0.88); --th-line: rgba(227, 227, 211, 0.13); --th-line2: rgba(227, 227, 211, 0.22); --th-chip: rgba(227, 227, 211, 0.06); --th-chip-on: #9cc3b3; --th-chip-on-ink: #2a2a2a; --th-shadow: rgba(0, 0, 0, 0.32); } [data-theme="kyoto"] { --th-bg1: #cdcabc; --th-bg2: #e6e4da; --th-card: #f2f0e8; --th-card2: #e9e7dd; --th-ink: #1f3955; --th-soft: #2c4a68; --th-muted: #3a4f68; --th-faint: #4d6178; --th-in: #315a87; --th-out: #1f3955; --th-hold: #c29a52; --th-panel: rgba(238, 236, 228, 0.92); --th-header: rgba(230, 228, 218, 0.92); --th-line: rgba(31, 57, 85, 0.15); --th-line2: rgba(31, 57, 85, 0.26); --th-chip: rgba(31, 57, 85, 0.06); --th-chip-on: #b53d22; --th-chip-on-ink: #f6f4ec; --th-shadow: rgba(31, 57, 85, 0.14); } [data-theme="rose"] { --th-bg1: #f5ebe3; --th-bg2: #fffdf8; --th-card: #fffdfa; --th-card2: #faf0ea; --th-ink: #6a2c2c; --th-soft: #7d3b3b; --th-muted: #7e4a49; --th-faint: #8f5a59; --th-in: #c8514f; --th-out: #d9605f; --th-hold: #b3763f; --th-panel: rgba(255, 253, 248, 0.92); --th-header: rgba(255, 253, 248, 0.92); --th-line: rgba(106, 44, 44, 0.14); --th-line2: rgba(106, 44, 44, 0.24); --th-chip: rgba(106, 44, 44, 0.05); --th-chip-on: #a21a24; --th-chip-on-ink: #fffdf8; --th-shadow: rgba(106, 44, 44, 0.12); } [data-theme="sky"] { --th-bg1: #4db8e3; --th-bg2: #8fdcf8; --th-card: #e3f4fd; --th-card2: #d3ecfa; --th-ink: #14243c; --th-soft: #1f3350; --th-muted: #1e3550; --th-faint: #2c4663; --th-in: #1f6fa6; --th-out: #2b6f9c; --th-hold: #0f4d73; --th-panel: rgba(214, 241, 252, 0.9); --th-header: rgba(203, 236, 250, 0.92); --th-line: rgba(20, 36, 60, 0.16); --th-line2: rgba(20, 36, 60, 0.28); --th-chip: rgba(20, 36, 60, 0.07); --th-chip-on: #c9522f; --th-chip-on-ink: #ffffff; --th-shadow: rgba(20, 36, 60, 0.18); } [data-theme="lux"] { --th-bg1: #00001f; --th-bg2: #10104d; --th-card: #0a0a33; --th-card2: #12124a; --th-ink: #ffffff; --th-soft: #e6e6ff; --th-muted: #b9b9e8; --th-faint: #8f8fc9; --th-in: #ff3d8b; --th-out: #8a7dff; --th-hold: #00e0ff; --th-panel: rgba(0, 0, 31, 0.86); --th-header: rgba(0, 0, 31, 0.88); --th-line: rgba(255, 255, 255, 0.13); --th-line2: rgba(255, 255, 255, 0.24); --th-chip: rgba(255, 255, 255, 0.06); --th-chip-on: #ff3d8b; --th-chip-on-ink: #00001f; --th-shadow: rgba(0, 0, 0, 0.5); }