ad3laid3/Themepo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: replace Jellyfin branding with The Ark logo and name

Browse source
This commit is contained in:
MiTHRAL 2026-05-01 02:39:05 -04:00
parent c07b5d8f48
commit cea6f49df7
2 changed files with 50 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
assets/Logo.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 183 KiB

50
themepo-elegantfin.css
View file

@ -155,3 +155,53 @@ body:has(#itemDetailPage) html::after,
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
}
/* --- Custom Branding --- */
/* Replace Jellyfin header logo */
.headerLogo {
background-image: url('https://git.mithraic.cloud/ad3laid3/Themepo/raw/branch/master/assets/Logo.png') !important;
background-size: contain;
background-repeat: no-repeat;
background-position: center left;
width: 40px !important;
height: 40px !important;
}
.headerLogo img {
display: none !important;
}
/* Replace Jellyfin drawer logo */
.adminDrawerLogo img,
.drawerHeaderLogo img {
content: url('https://git.mithraic.cloud/ad3laid3/Themepo/raw/branch/master/assets/Logo.png');
width: 36px;
height: 36px;
object-fit: contain;
}
/* Replace "Jellyfin" name in drawer with "The Ark" */
.adminDrawerLogo .adminDrawerLogoName,
.serverNameContainer span,
.serverName {
font-size: 0 !important;
}
.adminDrawerLogo .adminDrawerLogoName::after,
.serverNameContainer span::after,
.serverName::after {
content: "The Ark";
font-family: var(--font-rune);
font-size: 1rem;
letter-spacing: 0.15em;
text-transform: uppercase;
color: var(--mithral);
}
/* Replace login/splash logo */
.splashLogo,
.loginLogo {
background-image: url('https://git.mithraic.cloud/ad3laid3/Themepo/raw/branch/master/assets/Logo.png') !important;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}