https://github.com/goldnenex/gelee-de-mure
Gelée de mûre is a dark/purple theme for Jellyfin.
https://github.com/goldnenex/gelee-de-mure
jellyfin jellyfin-client jellyfin-theme
Last synced: about 2 months ago
JSON representation
Gelée de mûre is a dark/purple theme for Jellyfin.
- Host: GitHub
- URL: https://github.com/goldnenex/gelee-de-mure
- Owner: GolDNenex
- Created: 2023-03-24T14:54:35.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-06-28T17:59:16.000Z (10 months ago)
- Last Synced: 2025-01-11T08:14:02.317Z (4 months ago)
- Topics: jellyfin, jellyfin-client, jellyfin-theme
- Language: CSS
- Homepage:
- Size: 12 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# gelee-de-mure
`Gelée de mûre` is a dark/purple theme for Jellyfin.
## Installation:
### With Jellyfin (Recommended):
Everyone will be able to use this theme. Users can opt out in they're settings (display > `Disable server-provided custom CSS code`)
Copy the following code, in jellyfin > settings > general > `Custom css code`
```
@import url("
https://raw.githubusercontent.com/GolDNenex/gelee-de-mure/main/theme.css");
```
If you want to stay fully self-hosted, you will need to host yourself the css (with nginx for example), its highly recommanded, even more if you want to customise assets (see [Customization](#quick-start)).
### With [Stylus](https://github.com/openstyles/stylus) (Limited):
Only you will be able to see the theme. Ideal if the owner of the jellyfin server don't want to install this theme or already use another.
## Customization :
After installing, multiple part of the theme can be edited. Modification need to be placed under the `@import` we made before.
You can modify multiple variable in the same `:root { ... }`
| Designation | Variable name | Default |
| ------------- | ------------- | ------------- |
| Accent color | --accent-color | #916de4 |
| Accent color darker | --accent-color-darker | #53417b |
| Corner radius | --corner-radius | 12px |
| Logo | --logo-img | embedded* |
| Logo banner | --banner-img | embedded* |
| Login background image | --login-bg-img | embedded* |
(* is included as base64 inside the css)
### Accent color:
```
:root {
--accent-color: #916de4;
}
```
### Accent color darker:
```
:root {
--accent-color-darker: #53417b;
}
```
### Corner radius:
```
:root {
--corner-radius: 12px;
}
```
### Logo:
```
:root {
--logo-img: url("https://your_domain_name.nice/logo.png") !important;
}
```
### Logo banner:
```
:root {
--banner-img: url("https://your_domain_name.nice/logo-banner.png") !important;
}
```
### Login background image:
Jellyfin generate a `splashscreen.png` file in the `data` folder that can be use for this.
```
:root {
--login-bg-img: url("https://your_domain_name.nice/splashscreen.png") !important;
}
```
## Compatibility:
Compatible with `Jellyfin >= 10.9.0`.
If you are running a older version, use the previous [version](https://github.com/GolDNenex/gelee-de-mure/tree/94b5d218435e1f4c57ff63ca47cfda9a93909801) BUT note that this version is concidered `archived`.