Personalize fonts and colors

This commit is contained in:
Levi 2024-04-23 16:03:12 +02:00
parent 331999a4d3
commit 61711089ba

View file

@ -1,4 +1,16 @@
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url("https://git.levi.land/Levi/jellyskin-mod-public/raw/branch/main/wll-fonts.css");
:root {
--accent1-light: hsla(349, 100%, 80%, 1);
--accent1-dark: hsla(349, 46%, 58%, 1);
--accent1-light-opacity1: hsla(349, 100%, 80%, 0.4);
--accent1-light-opacity0-2: hsla(349, 100%, 80%, 0.2);
--accent2-light: hsla(348, 100%, 71%, 1);
--accent2-dark: hsla(348, 50%, 50%, 1);
--accent2-superdark: hsla(348, 58%, 23%, 1);
--swiper-theme-color: hsla(351, 100%, 70%, 1);
}
.headerTop {
padding: 1.1em;
@ -20,7 +32,7 @@
}
body {
font-family: "Nunito", sans-serif;
font-family: "SickFontBro", sans-serif;
font-size: 12pt; /* Default font size for the body */
}
@ -34,7 +46,7 @@ p.overview.detail-clamp-text {
/* Font for the Movies, TV and Live TV buttons */
span.homeLibraryText {
font-family: "Nunito", sans-serif;
font-family: "SickFontBro", sans-serif;
font-size: 12pt;
}
@ -49,7 +61,7 @@ span.homeLibraryText {
}
.itemProgressBarForeground {
background: linear-gradient(to right, rgba(163, 95, 198, 1) 0%, rgba(6, 161, 217, 1) 100%);
background: linear-gradient(to right, var(--accent1-dark) 0%, var(--accent1-light) 100%);
}
/*Alternate itempage*/
@ -216,7 +228,7 @@ progress::-webkit-progress-value {
.innerCardFooter,
.countIndicator,
.playedIndicator {
background: linear-gradient(to right, rgba(163, 95, 198, 0.5) 0%, rgba(6, 161, 217, 0.5) 100%);
background: linear-gradient(to right, hsla(348, 58%, 23%, 0.5) 0%, hsla(348, 50%, 50%, 0.5) 100%);
box-shadow: none;
}
@ -673,7 +685,7 @@ progress::-webkit-progress-value {
}
.missingIndicator, .unairedIndicator {
background: #ae3030eb;
background: #ae6030eb;
padding: .3em .6em;
color: #fff;
}
@ -1468,7 +1480,8 @@ progress::-webkit-progress-value {
}
}
:root {--accent: 6, 161, 217;}
:root {--accent: 217, 6, 105;}
:root {--rounding: 12px;}