diff --git a/theme/change-logo.css b/theme/change-logo.css new file mode 100644 index 0000000..54b811d --- /dev/null +++ b/theme/change-logo.css @@ -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; +} diff --git a/theme/darkvar.css b/theme/darkvar.css index c14427e..1f84f14 100644 --- a/theme/darkvar.css +++ b/theme/darkvar.css @@ -21,10 +21,6 @@ /* Общие параметры внешнего вида */ --theme-roundness: .75rem; /* Скругление углов */ --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; } -/* ======================================== - КАСТОМНЫЙ БАННЕР И ЛОГОТИП - ======================================== */ - -/* Замена логотипа на кастомный */ -.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 { width: fit-content; } + +/* ======================================== + МОДУЛИ ТЕМЫ + ======================================== */ + +/* Импорт модуля для замены логотипа */ +@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/change-logo.css"); +