/* TEMA OSCURO */
body[data-theme="dark"] {
--primary-hover: #3f89ff;
--secondary-hover: #3bcdff;
--color-claro: #131729;
--color-blanco: #242732;
--color-oscuro: #f2f0ed;
--color-edicion: #000000;
--brillo: 0.5;
--opacidad: 0.53;
--backdrop: blur(calc(var(--blur) * 1.5)) saturate(var(--saturacion)) opacity(var(--opacidad)) brightness(var(--brillo));
--esmerilado: blur(var(--blur)) saturate(var(--saturacion));
}
body[data-theme="dark"]:not(.gestion-usuarios) {
--saturacion: 3;
}
body[data-theme="dark"].gestion-usuarios {
--saturacion: 5;
}
body[data-theme="dark"] .mis-comentarios .polaroid-view a,
body[data-theme="dark"] .catalogo .polaroid-view a {
background-color: rgba(255, 255, 255, 0.04);
backdrop-filter: saturate(1.5);
-webkit-backdrop-filter: saturate(1.5)
}
body[data-theme="dark"] .iridiscente canvas {
filter:
blur(0px)
saturate(2)
contrast(1)
brightness(1)
opacity(1)
}
/* TEMA CLARO */
body[data-theme="light"] {
--primary-hover: #3f89ff;
--secondary-hover: #3bcdff;
--color-claro: #f2f0ed;
--color-blanco: #ffffff;
--color-oscuro: #281345;
--color-edicion: #ffdcca;
--brillo: 1;
--opacidad: 0.5;
--backdrop: blur(calc(var(--blur) * 1.5)) saturate(var(--saturacion)) opacity(var(--opacidad)) brightness(var(--brillo));
--esmerilado: blur(var(--blur)) saturate(calc(var(--saturacion) * 5));
}
body[data-theme="light"]:not(.gestion-usuarios) {
--saturacion: 2;
}
body[data-theme="light"].gestion-usuarios {
--saturacion: 15;
}
body[data-theme="light"] .mis-comentarios .polaroid-view a,
body[data-theme="light"] .catalogo .polaroid-view a {
background-color: #ffffff;
}
body[data-theme="light"] .iridiscente canvas {
filter:
blur(0px)
saturate(2)
contrast(1)
brightness(1)
opacity(0.6)
}
:root {
--altura-header: 6rem;
--color-claro: #f2f0ed;
--color-blanco: #ffffff;
--color-oscuro: #281345;
--color-notificacion: #ed005b;
--transicion-hover: 0.2s;
--color-interactivo: #9e5cf2;
--color-intermedio: #665cff;
--administration-tray: 24rem;
--sidebar-width: 30rem;
--texto-normal: "Post-Nord", sans-serif;
--texto-marcador: "Jost", sans-serif;
--radio: 3px;
--color-tornasolado: #8a76c2;
--color-tornasolado-dorado: #cdaa69;
--color-tornasolado-bronce: #c07f6b;
--icono-star-on: url('data:image/svg+xml;utf8,');
--icono-star-off: url('data:image/svg+xml;utf8,');
--icono-comment: url('data:image/svg+xml;utf8,');
--icono-uncomment: url('data:image/svg+xml;utf8,');
--icono-bookmark: url('data:image/svg+xml;utf8,');
--icono-unbookmark: url('data:image/svg+xml;utf8,');
--icono-logout: url('data:image/svg+xml;utf8,');
--icono-unlogout: url('data:image/svg+xml;utf8,');
--icono-account: url('data:image/svg+xml;utf8,');
--icono-close: url('data:image/svg+xml;utf8,');
--icono-add: url('data:image/svg+xml;utf8,');
--icono-copy: url('data:image/svg+xml;utf8,');
--icono-luna: url('data:image/svg+xml;utf8,');
--icono-sol: url('data:image/svg+xml;utf8,');
--icono-like: url('data:image/svg+xml;utf8,');
--icono-unlike: url('data:image/svg+xml;utf8,');
--icono-edicion: url('data:image/svg+xml;utf8,');
--icono-x: url('data:image/svg+xml;utf8,');
--icono-instagram: url('data:image/svg+xml;utf8,');
--icono-facebook: url('data:image/svg+xml;utf8,');
--icono-youtube: url('data:image/svg+xml;utf8,');
}
@keyframes darkbackgroundcolor-transition {
0% {background-color: #544e5e;}
11% {background-color: #5a5394;}
22% {background-color: #6057c9;}
33% {background-color: #665cff;}
44% {background-color: #795cfb;}
67% {background-color: #8b5cf6;}
100% {background-color: #9e5cf2;}
}
@font-face {
font-weight: 300;
font-style: normal;
font-family: 'Jost'; src: url('/themes/contrib/srefs/fonts/jost/Jost-300-Light.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-weight: 400;
font-style: normal;
font-family: 'Jost'; src: url('/themes/contrib/srefs/fonts/jost/Jost-400-Book.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-weight: 500;
font-style: normal;
font-family: 'Jost'; src: url('/themes/contrib/srefs/fonts/jost/Jost-500-Medium.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-weight: 600;
font-style: normal;
font-family: 'Jost'; src: url('/themes/contrib/srefs/fonts/jost/Jost-600-Semi.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-weight: 300;
font-style: normal;
font-family: 'Post-Nord'; src: url('/themes/contrib/srefs/fonts/postnord-sans/PostNordSansLight.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-weight: 400;
font-style: normal;
font-family: 'Post-Nord'; src: url('/themes/contrib/srefs/fonts/postnord-sans/PostNordSansRegular.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-weight: 500;
font-style: normal;
font-family: 'Post-Nord'; src: url('/themes/contrib/srefs/fonts/postnord-sans/PostNordSansMedium.ttf') format('truetype');
font-display: swap;
}
@font-face {
font-weight: 600;
font-style: normal;
font-family: 'Post-Nord'; src: url('/themes/contrib/srefs/fonts/postnord-sans/PostNordSansBold.ttf') format('truetype');
font-display: swap;
}
:root {
--texto-destacado: "Garamond", serif;
--blanco: #ffffff;
/*--claro: #e2ddd5;*/
/* --claro: #efeae2;*/
/*--claro: #f7f6f3;*/
--intermedio-lateral: #e3e6e2;
--intermedio: #f7f7f7;
/*--oscuro: #4d4860;*/
--alert-text: #f08f95;
--alert-background: #fae5e5;
--status-text: #8498ee;
--status-background: #e1e4f9;
/*
--etiqueta-movimiento: #a095e5;
--etiqueta-tecnica: #c489bb;
--etiqueta-sujeto: #bbbf9b;
*/
}
@keyframes darkbackgroundcolor-transition {
0% {background-color: #544e5e;}
11% {background-color: #5a5394;}
22% {background-color: #6057c9;}
33% {background-color: #665cff;}
44% {background-color: #795cfb;}
67% {background-color: #8b5cf6;}
100% {background-color: #9e5cf2;}
}
@keyframes lightbackgroundcolor-transition {
0% {background-color: #f7f6f3;}
11% {background-color: #d5daf7;}
22% {background-color: #b4befb;}
33% {background-color: #92a2ff;}
44% {background-color: #968bfb;}
67% {background-color: #9a73f6;}
100% {background-color: #9e5cf2;}
}
@keyframes lightcolor-transition {
0% {color: #f7f6f3;}
11% {color: #d5daf7;}
22% {color: #b4befb;}
33% {color: #92a2ff;}
44% {color: #968bfb;}
67% {color: #9a73f6;}
100% {color: #9e5cf2;}
}
/*
:root {
--fondo-lateral: #f7f6f3;
--texto-lateral: #544e5e;
--enlace-lateral: #544e5e;
--enlace-lateral-hover: #9e5cf2;
--boton-lateral: #544e5e;
--boton-lateral-texto: #f7f6f3;
--boton-lateral-hover: #9e5cf2;
--borde-lateral: #544e5e;
--campo-lateral-texto: #544e5e;
--fondo-principal: #f7f6f3;
--texto-principal: #544e5e;
}