@zakariaa/jellyskin
Version:
A vibrant skin for jellyfin made with SASS
42 lines (35 loc) • 868 B
CSS
/** @format */
:root {
--accent1-light: hsl(285, 46%, 56%);
--accent1-dark: hsl(285, 35%, 21%);
--accent1-light-opacity1: hsla(285, 46%, 56%, 0.4);
--accent2-light: hsl(195, 100%, 43%);
--accent2-dark: hsl(195, 100%, 16%);
}
/** @format */
#loginPage:after {
background: linear-gradient(135deg, var(--accent1-dark), var(--accent2-dark), var(--accent1-light), var(--accent2-light));
background-size: 500%;
animation: gradient-cycle 10s linear infinite alternate;
}
.scrollY,
div[data-role=page].page {
mask-image: none ;
-webkit-mask-image: none ;
}
.mainDrawer,
.dialog {
background: rgba(0, 0, 0, 0.95);
}
* {
backdrop-filter: none ;
}
@keyframes gradient-cycle {
0% {
background-position: 0 0;
}
100% {
background-position: 100% 100%;
}
}
/*# sourceMappingURL=improvePerformance.css.map */