diff --git a/CSS/css-scyfin/scyfin-theme-backdrop.css b/CSS/css-scyfin/scyfin-theme-backdrop.css index b5eae68..cf6f89e 100644 --- a/CSS/css-scyfin/scyfin-theme-backdrop.css +++ b/CSS/css-scyfin/scyfin-theme-backdrop.css @@ -109,7 +109,21 @@ padding-left: 0% !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, @@ -163,14 +177,17 @@ background: var(--main-accent-color) !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 faa6365..670110b 100644 --- a/CSS/css-scyfin/scyfin-theme.css +++ b/CSS/css-scyfin/scyfin-theme.css @@ -109,7 +109,21 @@ padding-left: 0% !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, @@ -163,14 +177,15 @@ background: var(--main-accent-color) !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,