From 0e9c9d42c2092b88ddc9b63f3be9bf88feec0387 Mon Sep 17 00:00:00 2001 From: Jam <1347620+JamsRepos@users.noreply.github.com> Date: Tue, 21 May 2024 10:56:37 +0100 Subject: [PATCH 1/3] style: :lipstick: Changed indicators to reflect theme style --- CSS/css-scyfin/scyfin-theme-backdrop.css | 11 +++++++---- CSS/css-scyfin/scyfin-theme.css | 9 +++++---- 2 files changed, 12 insertions(+), 8 deletions(-) diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css index 80a33c0..40630b6 100644 --- a/CSS/css-scyfin/scyfin-theme-backdrop.css +++ b/CSS/css-scyfin/scyfin-theme-backdrop.css @@ -99,14 +99,17 @@ background-color: black !important; } - - /* Green watched indicator */ .playedIndicator { - background: #409843 !important; + /* background: rgb(64, 152, 67, 0.5) !important; */ + background: linear-gradient(to bottom right, rgba(74, 150, 76, 0.5), rgba(32, 139, 35, 0.5)) !important; } - +.countIndicator, .fullSyncIndicator, .mediaSourceIndicator, .playedIndicator { + /* background: rgba(35, 35, 35, 0.5); */ + background: linear-gradient(to bottom right, rgba(170, 92, 195, 0.5), rgba(0, 164, 220, 0.5)); + backdrop-filter: blur(50px); +} /* Rounded left drawer buttons */ .navMenuOption, diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css index c4b23cf..fcc44a9 100644 --- a/CSS/css-scyfin/scyfin-theme.css +++ b/CSS/css-scyfin/scyfin-theme.css @@ -99,14 +99,15 @@ background-color: black !important; } - - /* Green watched indicator */ .playedIndicator { - background: #409843 !important; + background: linear-gradient(to bottom right, rgba(74, 150, 76, 0.5), rgba(32, 139, 35, 0.5)) !important; } - +.countIndicator, .fullSyncIndicator, .mediaSourceIndicator, .playedIndicator { + background: linear-gradient(to bottom right, rgba(170, 92, 195, 0.5), rgba(0, 164, 220, 0.5)); + backdrop-filter: blur(50px); +} /* Rounded left drawer buttons */ .navMenuOption, From d844bc60d30c55bbf4d5215f01203c91d1ff7ed4 Mon Sep 17 00:00:00 2001 From: Jam <1347620+JamsRepos@users.noreply.github.com> Date: Tue, 21 May 2024 10:58:30 +0100 Subject: [PATCH 2/3] style: :lipstick: Tidied up My Media section --- CSS/css-scyfin/scyfin-theme-backdrop.css | 14 ++++++++++++++ CSS/css-scyfin/scyfin-theme.css | 14 ++++++++++++++ 2 files changed, 28 insertions(+) diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css index 40630b6..3e3600d 100644 --- a/CSS/css-scyfin/scyfin-theme-backdrop.css +++ b/CSS/css-scyfin/scyfin-theme-backdrop.css @@ -64,7 +64,21 @@ margin-right: -2% !important; } +/* Hide 'My Media' title on Homepage */ +#indexPage .section0 .sectionTitle { + display: none; +} +/* Centralise the 'My Media (small)' */ +#indexPage .section0 .itemsContainer.padded-left.padded-right { + justify-content: center; + padding-top: 15px; +} + +#indexPage .section0 .itemsContainer.padded-left.padded-right .emby-button { + background: rgba(35, 35, 35, 0.5); + backdrop-filter: blur(50px); +} /* Rounded cards */ .cardContent, diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css index fcc44a9..e8a330e 100644 --- a/CSS/css-scyfin/scyfin-theme.css +++ b/CSS/css-scyfin/scyfin-theme.css @@ -64,7 +64,21 @@ margin-right: -2% !important; } +/* Hide 'My Media' title on Homepage */ +#indexPage .section0 .sectionTitle { + display: none; +} +/* Centralise the 'My Media (small)' */ +#indexPage .section0 .itemsContainer.padded-left.padded-right { + justify-content: center; + padding-top: 15px; +} + +#indexPage .section0 .itemsContainer.padded-left.padded-right .emby-button { + background: rgba(35, 35, 35, 0.5); + backdrop-filter: blur(50px); +} /* Rounded cards */ .cardContent, From 4e3c1c63028f3c81bc80b511f939c18aa2604cba Mon Sep 17 00:00:00 2001 From: Jam <1347620+JamsRepos@users.noreply.github.com> Date: Fri, 31 May 2024 19:08:20 +0100 Subject: [PATCH 3/3] fix: :bug: Login box remains on screen when logging in --- CSS/css-scyfin/scyfin-theme.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/CSS/css-scyfin/scyfin-theme.css b/CSS/css-scyfin/scyfin-theme.css index 1fb08f8..12b3686 100644 --- a/CSS/css-scyfin/scyfin-theme.css +++ b/CSS/css-scyfin/scyfin-theme.css @@ -610,9 +610,9 @@ html { /* Login page */ .layout-desktop #loginPage { - display: flex !important; - justify-content: center !important; - align-items: center !important; + display: flex; + justify-content: center; + align-items: center; } .layout-desktop #loginPage .padded-left.padded-right.padded-bottom-page.margin-auto-y { background: #181818 !important;