diff --git a/src/lib/components/Cabecera.svelte b/src/lib/components/Cabecera.svelte index e1be37a..9933f2c 100644 --- a/src/lib/components/Cabecera.svelte +++ b/src/lib/components/Cabecera.svelte @@ -221,6 +221,21 @@ } } + /* + * En claro, el texto oscuro necesita una base más presente sobre las + * fotografías. Sigue siendo translúcida, pero no deja que el hero se coma el + * contraste de la navegación. + */ + :global(:root[data-tema='claro']) .cabecera { + background-image: none; + background-color: color-mix(in oklab, var(--c-bg) 82%, transparent); + backdrop-filter: var(--desenfoque); + } + + :global(:root[data-tema='claro']) .cabecera.desplazada { + background-color: color-mix(in oklab, var(--c-bg) 88%, transparent); + } + .fila { display: flex; align-items: center;