Personalize fonts and colors
This commit is contained in:
parent
331999a4d3
commit
61711089ba
1 changed files with 1790 additions and 1777 deletions
|
@ -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;}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue