CodeDevMLH/Jellyfin-Seasonals-Plugin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 15 Wiki Activity

Add Pride feature: implement header color change and cleanup observer for pride effects

Browse Source
This commit is contained in:
CodeDevMLH
2026-02-24 19:23:24 +01:00
parent 042d89f5b8
commit 892be062d3
2 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
Jellyfin.Plugin.Seasonals/Web/pride.css
View File

@@ -27,6 +27,7 @@
} }
/* Coloring the Jellyfin Header */ /* Coloring the Jellyfin Header */
.skinHeader.pride-header { body.pride-active .skinHeader,
body.pride-active .skinHeader-withBackground {
background: linear-gradient(90deg, #E40303, #FF8C00, #FFED00, #008026, #24408E, #732982) !important; background: linear-gradient(90deg, #E40303, #FF8C00, #FFED00, #008026, #24408E, #732982) !important;
} }

12
Jellyfin.Plugin.Seasonals/Web/pride.js
View File

@@ -55,12 +55,16 @@ function createElements() {
} }
if (colorHeader) { if (colorHeader) {
const header = document.querySelector('.skinHeader'); document.body.classList.add('pride-active');
if (header) {
header.classList.add('pride-header');
}
} }
const cleanupObserver = new MutationObserver(() => {
if (!document.querySelector('.pride-container')) {
document.body.classList.remove('pride-active');
}
});
cleanupObserver.observe(document.body, { childList: true });
const heartEmojis = ['❤️', '🧡', '💛', '💚', '💙', '💜']; const heartEmojis = ['❤️', '🧡', '💛', '💚', '💙', '💜'];
for (let i = 0; i < elementCount; i++) { for (let i = 0; i < elementCount; i++) {