lucasw89/KefinTweaks
1
0 Fork 0
mirror of https://github.com/ranaldsgift/KefinTweaks.git synced 2026-11-05 15:52:47 +01:00
Code Issues Packages Projects Releases Wiki Activity

Improve support for Seasonal sections. Add Valentines animated overlay and background

Browse Source
This commit is contained in:
HighImKevin committed 2026-02-05 19:57:21 -05:00
1 parent c91281e31e
commit d1d979ed13
6 files changed
+403 -90
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

scripts/homeScreen.css
+5 -19
View File
@@ -58,28 +58,14 @@
order: 11;
}
/* Halloween theme */
.home-screen.halloween-theme.with-background #reactRoot:has(.libraryPage:not(.hide) .pageTabContent.is-active[data-index="0"])>.backgroundContainer::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: -25%;
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(https://ranaldsgift.github.io/KefinTweaks/pages/images/halloween.jpg);
background-position: 0px -250px;
background-size: auto 102%;
}
/* Christmas theme */
.home-screen.christmas-theme.with-background #reactRoot:has(.libraryPage:not(.hide) .pageTabContent.is-active[data-index="0"])>.backgroundContainer::after {
body[data-seasonal-background="true"]:has(.homePage:not(.hide)) #reactRoot:has(.libraryPage:not(.hide) .pageTabContent.is-active[data-index="0"])>.backgroundContainer::after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0%;
background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.85)), url('../pages/images/christmas.jpg');
background: linear-gradient(rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.85)), var(--seasonal-background-image);
background-position: center;
background-size: cover;
}
@@ -88,12 +74,12 @@
display: none;
}
.home-screen.christmas-theme .snowverlay {
body[data-seasonal-animations="true"]:has(.homePage:not(.hide)) .snowverlay {
display: block;
}
.home-screen [data-section-id] h2.sectionTitle,
.home-screen [data-section-id] .sectionTitleTextButton>.material-icons {
body:has(.homePage:not(.hide)) [data-section-id] h2.sectionTitle,
body:has(.homePage:not(.hide)) [data-section-id] .sectionTitleTextButton>.material-icons {
margin-bottom: 0;
margin-top: 0;
}