tatiana
/
recursos-catolicos
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

primer commit

This commit is contained in:
Tatiana Villa Ema 2026-01-18 00:22:33 +01:00
parent 08094a3c96
commit 3ce4543e64
1 changed files with 19 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
js/codigo.js
View File

@ -44,25 +44,34 @@ async function cargarYActualizarTodo() {
const nombreTiempoText = document.querySelector('.nombre-color'); const nombreTiempoText = document.querySelector('.nombre-color');
if (datosHoy) { if (datosHoy) {
// Mapeo de colores (puedes añadir los hex exactos aquí)
const mapaColores = { const mapaColores = {
"verde": "#2d5a27", "verde": "#2d5a27",
"morado": "#5d2d91", "morado": "#5d2d91",
"blanco": "#f0f0f0", "blanco": "#ffffff",
"rojo": "#b30000", "rojo": "#b30000",
"azul": "#0074d9", "azul": "#0074d9",
"rosa": "#e7b1cc" "rosa": "#e7b1cc"
}; };
// Actualizamos Indicador Litúrgico const colorReal = mapaColores[datosHoy.color] || "#0054a4"; // Color por defecto si no se encuentra
cabeceraHoy.style.backgroundColor = mapaColores[datosHoy.color]; // Fondo para toda la cabecera
// 1. Cambiamos el fondo de la cabecera
cabeceraHoy.style.backgroundColor = colorReal;
// 2. Ajustamos el color del TEXTO de toda la cabecera
// Si el color es claro (blanco o rosa), ponemos texto oscuro. Si no, blanco.
const colorTexto = (datosHoy.color === "blanco" || datosHoy.color === "rosa") ? "#2b2b2b" : "#ffffff";
cabeceraHoy.style.color = colorTexto;
// Forzamos a que el título y la fecha también cambien (por si el CSS es muy específico)
const tituloMain = cabeceraHoy.querySelector('.titulo');
if (tituloMain) tituloMain.style.color = colorTexto;
indicadorLiturgicoElem.textContent = datosHoy.tiempo; indicadorLiturgicoElem.textContent = datosHoy.tiempo;
//indicadorLiturgicoElem.style.color = mapaColores[datosHoy.color]; // Aseguramos que el indicador también use el color de contraste
if (datosHoy.color === "blanco" || datosHoy.color === "rosa") { indicadorLiturgicoElem.style.color = colorTexto;
indicadorLiturgicoElem.style.color = "#000000"; // Texto oscuro para fondos claros
} else {
indicadorLiturgicoElem.style.color = "#ffffff"; // Texto claro para fondos oscuros
}
} else { } else {
indicadorLiturgicoElem.textContent = "-"; indicadorLiturgicoElem.textContent = "-";
} }