Compare commits

..

10 Commits

6 changed files with 103 additions and 69 deletions

View File

@@ -13,6 +13,8 @@ Modern CSS theme for Jellyfin media server with custom fonts, smooth animations
```
3. Click Save
**Note:** The `@latest` link always points to the **latest release** (currently v1.0.1), not the latest commit.
### Method 2: Manual
1. Download `theme/tolfin.css` from this repository
@@ -20,6 +22,16 @@ Modern CSS theme for Jellyfin media server with custom fonts, smooth animations
3. Paste the contents of the file
4. Click Save
### Method 3: Specific Version
You can also use a specific version instead of `@latest`:
```css
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@v1.0.1/theme/tolfin.css");
```
See [Releases](https://github.com/OlegTolchin/Tolfin/releases) for available versions.
## Features
- 🎨 Modern design with improved aesthetics

64
RELEASE.md Normal file
View File

@@ -0,0 +1,64 @@
# Релизы Tolfin
## Текущая версия: v1.0.1
**Важно:** Ссылка `@latest` всегда указывает на **последний релиз**, а не на последний коммит. Все изменения оформляются как релизы.
## Как создать новый релиз
### 1. Внесите изменения
Сделайте все необходимые изменения в коде и отправьте их на GitHub:
```powershell
git add .
git commit -m "Описание изменений"
git push
```
### 2. Создайте тег версии
```powershell
git tag -a v1.0.1 -m "Release v1.0.1 - Описание изменений"
git push origin v1.0.1
```
### 3. Обновите тег latest
После создания релиза обновите тег `latest` чтобы он указывал на новый релиз:
```powershell
# Получите хеш нового релиза
git rev-list -n 1 v1.0.1
# Обновите тег latest (замените ХЕШ на полученный хеш)
git tag -f latest ХЕШ
git push origin latest --force
```
### 4. Создайте релиз на GitHub
1. Зайдите на https://github.com/OlegTolchin/Tolfin/releases
2. Нажмите "Draft a new release"
3. Выберите созданный тег (например, v1.0.1)
4. Заполните описание релиза
5. Нажмите "Publish release"
## CDN URL
### Последняя версия (рекомендуется):
```css
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/tolfin.css");
```
### Конкретная версия:
```css
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@v1.0.0/theme/tolfin.css");
```
## История релизов
### v1.0.1 (Текущая)
- Обновлена тема tolfin.css
- Исправлена система релизов
- Ссылка @latest теперь указывает на последний релиз
### v1.0.0
- Первая официальная версия
- Полная тема с баннером
- Все модули включены
- Удалена поддержка логотипов (только баннер)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 395 KiB

View File

@@ -24,16 +24,6 @@
---
### change-logo.css
Заменяет логотип Jellyfin на кастомный.
**Использование:**
```css
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/modules/change-logo.css");
```
---
### count-indicators.css
Изменяет цвет индикаторов счётчиков (количество эпизодов, и т.д.).
@@ -96,14 +86,14 @@
## Использование модулей
### С базовой темой:
```css
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/base.css");
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/modules/static-sidebar.css");
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/modules/change-logo.css");
```
### Полная тема (все модули):
```css
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/complete.css");
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/tolfin.css");
```
### Индивидуальные модули:
```css
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/modules/static-sidebar.css");
@import url("https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/theme/modules/central-libraries-small.css");
/* Добавляйте нужные модули */
```

View File

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

View File

@@ -13,8 +13,8 @@
:root {
/* Цветовая палитра */
--theme-background-colour: #101010; /* Основной цвет фона */
--theme-sidebar-background-colour: #222222; /* Цвет фона боковой панели */
--theme-menu-background-colour: #3a3a3a80; /* Полупрозрачный цвет фона меню */
--theme-sidebar-background-colour: #222222; /* Цвет фона боковой панели */
--theme-menu-background-colour: #3a3a3a80; /* Полупрозрачный цвет фона меню */
--theme-menu-shadow-colour: #fff3; /* Цвет тени/подсветки элементов меню */
--theme-base-colour: #696969; /* Базовый акцентный цвет */
--theme-text-colour: #dbdbdb; /* Цвет текста */
@@ -27,19 +27,18 @@
--theme-chapter-marker-watched-colour: #4a4a4a; /* Цвет просмотренного маркера главы */
/* Общие параметры внешнего вида */
--theme-roundness: .75rem; /* Скругление углов */
--theme-blur: 16px; /* Сила размытия фона */
--theme-roundness: .75rem; /* Скругление углов */
--theme-blur: 16px; /* Сила размытия фона */
/* URL изображений */
--banner-url: url('https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/assets/banner.png');
--logo-url: url('https://cdn.jsdelivr.net/gh/OlegTolchin/Tolfin@latest/assets/logo.png');
/* Переменные модулей */
--show-count-indicators: flex; /* none для скрытия индикаторов */
--show-count-indicators: flex; /* none для скрытия индикаторов */
--count-indicator-colour: rgba(200, 200, 200, 0.75); /* Цвет индикаторов счётчиков */
--played-indicator-colour: rgba(32, 139, 36, 0.75); /* Цвет индикатора просмотренного */
--floating-progress-roundness: .75rem; /* Скругление плавающего прогресса */
--floating-progress-height: 10px; /* Высота плавающего прогресса */
--floating-progress-roundness: .75rem; /* Скругление плавающего прогресса */
--floating-progress-height: 10px; /* Высота плавающего прогресса */
}
/* ========================================
@@ -82,7 +81,6 @@ html {
}
/* Высота заголовка с логотипом */
.pageTitleWithLogo {
height: 50px;
}
@@ -215,7 +213,6 @@ html {
width: auto;
}
.layout-mobile .pageTitleWithLogo {
height: 40px;
}
}
@@ -616,12 +613,13 @@ progress {
}
/* Кастомный баннер для фона */
.homeBackdropContainer:not(.pageTitleWithDefaultLogo),
.backgroundContainer.withBackdrop:not(.pageTitleWithDefaultLogo),
.itemBackdrop:not(.pageTitleWithDefaultLogo) {
background-image: var(--banner-url) !important;
background-size: cover !important;
background-position: center !important;
.homeBackdropContainer,
.backgroundContainer.withBackdrop,
.itemBackdrop,
.backdropImage,
#indexPage .backgroundContainer,
#indexPage .backdropImage {
background-image: var(--banner-url) !important; /* ← banner.png везде! */
}
/* Убрать градиентный оверлей на главной странице */
@@ -999,27 +997,6 @@ progress {
padding-top: 15px !important;
}
/* ========================================
МОДУЛЬ: КАСТОМНЫЙ ЛОГОТИП
======================================== */
.pageTitleWithDefaultLogo,
.pageTitleWithDefaultLogo *,
html .pageTitleWithDefaultLogo {
background-image: var(--banner-url) !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
.splashLogo,
.splashLogo *,
html .splashLogo {
background-image: var(--logo-url) !important;
background-size: contain !important;
background-position: center !important;
background-repeat: no-repeat !important;
}
/* ========================================
МОДУЛЬ: ИНДИКАТОРЫ СЧЁТЧИКОВ
@@ -1181,3 +1158,8 @@ html .splashLogo {
-webkit-border-radius: var(--floating-progress-roundness);
-moz-border-radius: var(--floating-progress-roundness);
}
git tag -a v1.0.1 -m "Release v1.0.1"
git push origin v1.0.1
git tag -f latest (хеш v1.0.1)
git push origin latest --force