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 { .headerTop {
padding: 1.1em; padding: 1.1em;
@ -20,7 +32,7 @@
} }
body { body {
font-family: "Nunito", sans-serif; font-family: "SickFontBro", sans-serif;
font-size: 12pt; /* Default font size for the body */ 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 */ /* Font for the Movies, TV and Live TV buttons */
span.homeLibraryText { span.homeLibraryText {
font-family: "Nunito", sans-serif; font-family: "SickFontBro", sans-serif;
font-size: 12pt; font-size: 12pt;
} }
@ -49,7 +61,7 @@ span.homeLibraryText {
} }
.itemProgressBarForeground { .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*/ /*Alternate itempage*/
@ -216,7 +228,7 @@ progress::-webkit-progress-value {
.innerCardFooter, .innerCardFooter,
.countIndicator, .countIndicator,
.playedIndicator { .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; box-shadow: none;
} }
@ -673,7 +685,7 @@ progress::-webkit-progress-value {
} }
.missingIndicator, .unairedIndicator { .missingIndicator, .unairedIndicator {
background: #ae3030eb; background: #ae6030eb;
padding: .3em .6em; padding: .3em .6em;
color: #fff; color: #fff;
} }
@ -1468,7 +1480,8 @@ progress::-webkit-progress-value {
} }
} }
:root {--accent: 6, 161, 217;}
:root {--accent: 217, 6, 105;}
:root {--rounding: 12px;} :root {--rounding: 12px;}