4 Commits
Author SHA1 Message Date
lscambo13 da00ec6b39 Fix: Typo! 2026-07-05 15:58:17 +05:30
lscambo13 6659e42fe5 New: Added a way to easily switch between IMDb and TMDB star colors (#300)
```
.starIcon{
    /* use --imdb for a gold star */
    --colors: var(--tmdb);
}
```
2026-07-05 15:54:06 +05:30
lscambo13 f916d5a8af Fix: Three-dot menu button on cards was too thin 2026-07-05 15:35:53 +05:30
lscambo13 d876036eb0 Fix: Smaller column gap and many other overrides were not being applied on phones
Fix: Made the icon shadow a touch sharper
dev: rearranged some code and updated a color
2026-07-05 15:32:49 +05:30
+25 -16
View File
@@ -30,6 +30,12 @@
:root {
--elegantFinFooterText: "ElegantFin Nightly";
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 425;
font-style: normal;
-webkit-tap-highlight-color: transparent !important;
/* Base theme colors */
color-scheme: dark;
color: var(--textColor);
@@ -83,7 +89,7 @@
--headerColorGradientAlt: linear-gradient(180deg, rgba(30, 40, 54, 1), 70%, transparent);
--headerBlurMask: linear-gradient(180deg, white 50%, 85%, transparent);
--cardFooterGradient: linear-gradient(0deg, rgb(0 0 0 / 90%), 40%, transparent);
--cardFooterGradient: linear-gradient(0deg, hsla(0, 0%, 5%, 0.95), 40%, transparent);
--topOSDGradient: linear-gradient(180deg, hsla(0, 0%, 0%, 0.8), 45%, hsla(0, 0%, 0%, 0));
--bottomOSDGradient: linear-gradient(0deg, hsla(0, 0%, 0%, 0.8), 45%, hsla(0, 0%, 0%, 0));
@@ -124,7 +130,7 @@
--shadow: 0.1em 0.1em 0.15em hsla(0, 0%, 0%, 0.3);
--cardShadow: 0 1px 6px 0px hsla(0, 0%, 0%, 0.3);
--iconShadow: 0.1em 0.1em 0.15em hsla(0, 0%, 0%, 0.7);
--iconShadow: 0px 0px 2px hsla(0, 0%, 0%, 0.8), 1px 1px 0px hsla(0, 0%, 0%, 0.5);
/* use "" to enable a fancy blur behind the app header / top bar [default];
use none (without quotes) to disable it */
@@ -205,12 +211,11 @@
--resumeCardScale: 1;
}
html {
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 425;
font-style: normal;
-webkit-tap-highlight-color: transparent !important;
:root.layout-mobile {
--headerColorGradient: var(--headerColorGradientAlt);
--blurLargest: blur(12px);
--headerBlurMask: linear-gradient(180deg, white 60%, 90%, transparent);
--itemColumnGap: 0.4em;
}
body {
@@ -228,13 +233,6 @@ select {
--secondaryItemPageNegativeSpace: calc(60vh + 5em);
}
.layout-mobile {
--headerColorGradient: var(--headerColorGradientAlt);
--blurLargest: blur(12px);
--headerBlurMask: linear-gradient(180deg, white 60%, 90%, transparent);
--itemColumnGap: 0.5em;
}
.layout-mobile > body {
--secondaryItemPageNegativeSpace: 45vh;
}
@@ -1188,7 +1186,10 @@ select {
}
.starIcon {
background: linear-gradient(to right, #90cea1, #01b4e4);
--tmdb: linear-gradient(to right, #90cea1, #01b4e4);
--imdb: linear-gradient(to right, #f2db83, #dba506);
--colors: var(--tmdb);
background: var(--colors);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin-left: -0.125em;
@@ -2442,6 +2443,14 @@ div[data-type="PhotoAlbum"] .play_arrow:before {
transform: scale(1.25);
}
.cardScalable .material-icons.more_vert:before {
font-variation-settings:
"FILL" 1,
"wght" 700,
"GRAD" 0,
"opsz" 35;
}
.emby-button[title="Favorite"] .material-icons.favorite:before {
font-variation-settings:
"FILL" 1,