Add change-logo module and import it via @import

This commit is contained in:
2026-02-15 18:58:32 +03:00
parent a97ff3c7f8
commit 22e6c07715
2 changed files with 22 additions and 28 deletions

14
theme/change-logo.css Normal file
View File

@@ -0,0 +1,14 @@
/*
Этот модуль заменяет логотип Jellyfin на кастомный.
Позволяет использовать свой логотип в интерфейсе.
Может использоваться как отдельный модуль.
*/
:root {
--logo-url: url('https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/assets/banner.png');
}
.pageTitleWithDefaultLogo,
.spashLogo {
background-image: var(--logo-url) !important;
}

View File

@@ -21,10 +21,6 @@
/* Общие параметры внешнего вида */ /* Общие параметры внешнего вида */
--theme-roundness: .75rem; /* Скругление углов */ --theme-roundness: .75rem; /* Скругление углов */
--theme-blur: 16px; /* Сила размытия фона */ --theme-blur: 16px; /* Сила размытия фона */
/* URL кастомного баннера */
--logo-url: url('https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/assets/banner.png');
--banner-url: url('https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/assets/banner.png');
} }
/* ======================================== /* ========================================
@@ -902,30 +898,6 @@ progress {
margin-bottom: -3px; margin-bottom: -3px;
} }
/* ========================================
КАСТОМНЫЙ БАННЕР И ЛОГОТИП
======================================== */
/* Замена логотипа на кастомный */
.pageTitleWithDefaultLogo,
.splashLogo,
.loginLogo {
background-image: var(--logo-url) !important;
background-size: contain !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
/* Замена фона баннера на главной странице */
.homeBackdropContainer,
.backgroundContainer.withBackdrop,
.itemBackdrop {
background-image: var(--banner-url) !important;
background-size: cover !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
/* ======================================== /* ========================================
МАРКЕРЫ ГЛАВ ВИДЕО МАРКЕРЫ ГЛАВ ВИДЕО
======================================== */ ======================================== */
@@ -940,3 +912,11 @@ progress {
.chapterThumbText { .chapterThumbText {
width: fit-content; width: fit-content;
} }
/* ========================================
МОДУЛИ ТЕМЫ
======================================== */
/* Импорт модуля для замены логотипа */
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/change-logo.css");