/* Evanpedia · Temas de color (inspirados en las piedras del Apocalipsis) Cada tema redefine las variables base. Se aplica una clase en , ej. . El tema por defecto (sin clase) es el clásico de Evanpedia. Variables que controla cada tema: --bg fondo general --panel tarjetas / superficies --ink texto principal --ink-soft texto secundario --mut texto tenue --line bordes --line-soft bordes suaves --accent color de marca / activo --accent-deep --accent-soft --top-a/--top-b barra (degradado) --read-fg color del texto de lectura */ /* ---------- CLARO ---------- */ html.theme-amethyst-lite{ --bg:#f3eefa; --panel:#fbf8ff; --ink:#2c2340; --ink-soft:#4f4468; --mut:#8b7fa6; --line:#e2d8f0; --line-soft:#eee7f8; --accent:#7c4fbb; --accent-deep:#5c3595; --accent-soft:#ece1fb; --top-a:#7c4fbb; --top-b:#5c3595; --read-fg:#2c2340; --sel:#e5d8fa; --selrow:#f0e9fb; } html.theme-emerald-lite{ --bg:#eaf6ef; --panel:#f7fdf9; --ink:#173a29; --ink-soft:#33604a; --mut:#6e9a83; --line:#cfe9da; --line-soft:#e4f4eb; --accent:#1f8f5f; --accent-deep:#146c46; --accent-soft:#d5f2e2; --top-a:#1f8f5f; --top-b:#146c46; --read-fg:#173a29; --sel:#d0efdd; --selrow:#e6f6ec; } html.theme-sapphire-lite{ --bg:#eaf0fb; --panel:#f7faff; --ink:#1a2b48; --ink-soft:#38506f; --mut:#7488a8; --line:#d3e0f2; --line-soft:#e6eefa; --accent:#2f6bd6; --accent-deep:#204fa5; --accent-soft:#d9e6fb; --top-a:#2f6bd6; --top-b:#204fa5; --read-fg:#1a2b48; --sel:#d5e4fb; --selrow:#e8f0fc; } html.theme-jasper-lite{ --bg:#fbeeec; --panel:#fff8f7; --ink:#4a221d; --ink-soft:#6f3d36; --mut:#a5766e; --line:#f0d6d1; --line-soft:#f9e7e4; --accent:#c04a34; --accent-deep:#963322; --accent-soft:#f7ddd7; --top-a:#c04a34; --top-b:#963322; --read-fg:#4a221d; --sel:#f6d9d3; --selrow:#fbeae6; } html.theme-topaz-lite{ --bg:#fbf5e8; --panel:#fffdf6; --ink:#453619; --ink-soft:#6b5730; --mut:#a08a5f; --line:#eee0c2; --line-soft:#f7eed9; --accent:#c9962e; --accent-deep:#9c7016; --accent-soft:#f6e9c9; --top-a:#c9962e; --top-b:#9c7016; --read-fg:#453619; --sel:#f4e6c4; --selrow:#faf1db; } html.theme-beryl-lite{ --bg:#e9f6f6; --panel:#f6fdfd; --ink:#153a3a; --ink-soft:#316060; --mut:#6e9c9c; --line:#cde9e9; --line-soft:#e3f4f4; --accent:#158c8c; --accent-deep:#0e6a6a; --accent-soft:#d3f0f0; --top-a:#158c8c; --top-b:#0e6a6a; --read-fg:#153a3a; --sel:#d0eeee; --selrow:#e5f5f5; } html.theme-chalcedony-lite{ --bg:#eef1f4; --panel:#fbfcfd; --ink:#26303a; --ink-soft:#48545f; --mut:#7d8894; --line:#dbe1e8; --line-soft:#eaeef2; --accent:#5a7184; --accent-deep:#3f5464; --accent-soft:#e0e6ec; --top-a:#5a7184; --top-b:#3f5464; --read-fg:#26303a; --sel:#dde3ea; --selrow:#eef1f5; } /* ---------- OSCURO ---------- */ html.theme-amethyst-dark{ --bg:#1a1226; --panel:#251a38; --ink:#e6dcf5; --ink-soft:#b6a9d0; --mut:#8577a3; --line:#3a2c55; --line-soft:#2e2144; --accent:#b088e8; --accent-deep:#8a5fd0; --accent-soft:#3a2c55; --top-a:#4a2f7a; --top-b:#33215a; --read-fg:#e6dcf5; --sel:#3d2d5e; --selrow:#2c2044; } html.theme-emerald-dark{ --bg:#0f1f18; --panel:#182e24; --ink:#d8f0e2; --ink-soft:#a2c9b4; --mut:#6f9a83; --line:#274036; --line-soft:#1f342a; --accent:#4fc78e; --accent-deep:#2f9d6a; --accent-soft:#274036; --top-a:#1f6b47; --top-b:#134f33; --read-fg:#d8f0e2; --sel:#28453a; --selrow:#1d332a; } html.theme-sapphire-dark{ --bg:#0f1826; --panel:#182438; --ink:#dbe6f7; --ink-soft:#a7bad8; --mut:#6f85a8; --line:#283a55; --line-soft:#1f2e44; --accent:#5b90ec; --accent-deep:#3568c9; --accent-soft:#283a55; --top-a:#274f9a; --top-b:#1a3970; --read-fg:#dbe6f7; --sel:#2a3d5e; --selrow:#1e2c44; } html.theme-jasper-dark{ --bg:#251311; --panel:#361d19; --ink:#f5ddd7; --ink-soft:#d0a89f; --mut:#a5766e; --line:#4d2c25; --line-soft:#3d211c; --accent:#e07a63; --accent-deep:#c04a34; --accent-soft:#4d2c25; --top-a:#963322; --top-b:#6f2417; --read-fg:#f5ddd7; --sel:#4f2d26; --selrow:#3c211b; } html.theme-topaz-dark{ --bg:#241d0e; --panel:#352a15; --ink:#f5e9cd; --ink-soft:#d0bd93; --mut:#a08a5f; --line:#4d3f1e; --line-soft:#3d3218; --accent:#e0b64e; --accent-deep:#c9962e; --accent-soft:#4d3f1e; --top-a:#9c7016; --top-b:#70500f; --read-fg:#f5e9cd; --sel:#4f4020; --selrow:#3c3117; } html.theme-beryl-dark{ --bg:#0e2222; --panel:#163232; --ink:#d6f0f0; --ink-soft:#a0c9c9; --mut:#6e9c9c; --line:#254545; --line-soft:#1d3838; --accent:#3fc0c0; --accent-deep:#158c8c; --accent-soft:#254545; --top-a:#0e6a6a; --top-b:#094e4e; --read-fg:#d6f0f0; --sel:#264a4a; --selrow:#1c3737; } html.theme-chalcedony-dark{ --bg:#181c20; --panel:#232a30; --ink:#dfe5eb; --ink-soft:#aab5bf; --mut:#7d8894; --line:#333c45; --line-soft:#28303a; --accent:#8ba3b6; --accent-deep:#5a7184; --accent-soft:#333c45; --top-a:#3f5464; --top-b:#2b3a46; --read-fg:#dfe5eb; --sel:#34404a; --selrow:#272f38; } /* Ajustes de legibilidad en modo oscuro para las tarjetas de versículo con fondo */ [class*="theme-"][class*="-dark"] .verses{color:var(--read-fg)} [class*="theme-"][class*="-dark"] .reader{color:var(--read-fg)} /* ---------- PORTAL (inspirado en Bible Portal): blanco, texto oscuro, acento rojo ---------- */ html.theme-portal-lite{ --bg:#ffffff; --panel:#ffffff; --ink:#1a1a1f; --ink-soft:#4a4a55; --mut:#666673; --line:#e6e6ea; --line-soft:#f1f1f1; --accent:#d81e3a; --accent-deep:#b0162e; --accent-soft:#fdecef; --top-a:#ffffff; --top-b:#f9f9f9; --read-fg:#1a1a1f; --sel:#fdecef; --selrow:#f9f9f9; } /* en este tema la cabecera es clara: el texto debe ir oscuro */ html.theme-portal-lite .sx-head{color:#1a1a1f;border-bottom:1px solid #e6e6ea} html.theme-portal-lite .sx-head .sx-btn{color:#1a1a1f} html.theme-portal-lite .sx-head .sx-btn:hover{background:rgba(0,0,0,.06)} html.theme-portal-lite .app-brand{color:#1a1a1f} html.theme-portal-lite .app-brand .ab-logo{background:#d81e3a;color:#fff} html.theme-portal-lite .sx-title{color:#1a1a1f} /* números de versículo y referencias en el rojo de la marca */ html.theme-portal-lite .sx-read .vn{color:#d81e3a} html.theme-portal-lite .cc-ref{color:#d81e3a} html.theme-portal-dark{ --bg:#15151a; --panel:#1e1e25; --ink:#ececf1; --ink-soft:#b4b4c0; --mut:#82828f; --line:#2e2e38; --line-soft:#26262e; --accent:#ff5f6d; --accent-deep:#d81e3a; --accent-soft:#3a2028; --top-a:#1e1e25; --top-b:#15151a; --read-fg:#ececf1; --sel:#3a2028; --selrow:#26262e; } html.theme-portal-dark .sx-head{border-bottom:1px solid #2e2e38} html.theme-portal-dark .app-brand .ab-logo{background:#d81e3a;color:#fff} html.theme-portal-dark .sx-read .vn{color:#ff5f6d} html.theme-portal-dark .cc-ref{color:#ff5f6d}