Restructure project: use base.css + modules approach like example

theme/modules/README.md

@@ -24,6 +24,16 @@
 
 ---
 
+### change-banner.css
+Заменяет баннер Jellyfin на кастомный.
+
+**Использование:**
+```css
+@import url("https://git.tolchin.pro/Oleg/Tolfin/raw/branch/main/theme/modules/change-banner.css");
+```
+
+---
+
 ### count-indicators.css
 Изменяет цвет индикаторов счётчиков (количество эпизодов, и т.д.).
 
@@ -88,12 +98,13 @@
 
 ### Полная тема (все модули):
 ```css
-@import url("https://git.tolchin.pro/Oleg/Tolfin/raw/branch/main/theme/tolfin.css");
+@import url("https://git.tolchin.pro/Oleg/Tolfin/raw/branch/main/theme/complete.css");
 ```
 
 ### Индивидуальные модули:
 ```css
 @import url("https://git.tolchin.pro/Oleg/Tolfin/raw/branch/main/theme/modules/static-sidebar.css");
 @import url("https://git.tolchin.pro/Oleg/Tolfin/raw/branch/main/theme/modules/central-libraries-small.css");
+@import url("https://git.tolchin.pro/Oleg/Tolfin/raw/branch/main/theme/modules/change-banner.css");
 /* Добавляйте нужные модули */
 ```

theme/modules/change-banner.css

@@ -0,0 +1,30 @@
+/*
+    This module will change the Jellyfin banner to a custom one.
+    This allows you to customise the background on the homepage.
+    This can be used as a standalone module.
+*/
+
+:root {
+    --banner-url: url('https://git.tolchin.pro/Oleg/Tolfin/raw/branch/main/assets/banner.png');
+}
+
+/* Custom banner for background */
+.homeBackdropContainer,
+.backgroundContainer.withBackdrop,
+.itemBackdrop,
+.backdropImage {
+    background-image: var(--banner-url) !important;
+    background-size: cover !important;
+    background-position: center !important;
+    background-repeat: no-repeat !important;
+}
+
+/* Remove gradient overlay on homepage */
+#indexPage .itemBackdrop::before {
+    display: none !important;
+}
+
+#indexPage .darkenContent {
+    background: none !important;
+    backdrop-filter: none !important;
+}