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

fix: use correct selectors for header logo and name replacement

Browse source
This commit is contained in:
MiTHRAL 2026-05-01 02:46:04 -04:00
parent cea6f49df7
commit 1b951a3583
1 changed files with 17 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

54
themepo-elegantfin.css
View file

@ -158,50 +158,30 @@ body:has(#itemDetailPage) html::after,
/* --- 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;
}
/* Replace Jellyfin header logo image using CSS content replacement */
.headerLogo img {
display: none !important;
content: url('https://git.mithraic.cloud/ad3laid3/Themepo/raw/branch/master/assets/Logo.png') !important;
width: 36px !important;
height: 36px !important;
object-fit: contain !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" server name text in header with "The Ark" */
.headerLeft .pageTitle {
visibility: hidden !important;
position: relative;
}
/* 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 {
.headerLeft .pageTitle::after {
content: "The Ark";
visibility: visible;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
font-family: var(--font-rune);
font-size: 1rem;
font-size: 0.9rem;
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;
white-space: nowrap;
}