Add change-logo module and import it via @import
This commit is contained in:
14
theme/change-logo.css
Normal file
14
theme/change-logo.css
Normal 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;
|
||||||
|
}
|
||||||
@@ -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");
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user