diff --git a/themepo-elegantfin.css b/themepo-elegantfin.css index 08ad6e3..afe5a5a 100644 --- a/themepo-elegantfin.css +++ b/themepo-elegantfin.css @@ -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; }