https://github.com/Druidblack/jellyfin-icon-metadata
Adds metadata provider icons to jellyfin
https://github.com/Druidblack/jellyfin-icon-metadata
jellyfin jellyfin-theme
Last synced: 2 months ago
JSON representation
Adds metadata provider icons to jellyfin
- Host: GitHub
- URL: https://github.com/Druidblack/jellyfin-icon-metadata
- Owner: Druidblack
- Created: 2025-02-09T08:08:32.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2025-02-27T09:51:33.000Z (2 months ago)
- Last Synced: 2025-02-27T13:41:00.580Z (2 months ago)
- Topics: jellyfin, jellyfin-theme
- Language: CSS
- Homepage:
- Size: 1.03 MB
- Stars: 2
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-jellyfin - jellyfin-icon-metadata - Adds metadata provider icons to Jellyfin. (🧩 Plugins)
README
# 📌 Jellyfin Icon Metadata
## 🔥 Description
Enhance your Jellyfin experience by replacing text-based metadata provider links with icons. This plugin supports various metadata providers across different media types.
### Supported Providers
#### Movies/TV Shows/Anime/Music
- anilist.co
- anidb.net
- anisearch.com
- movie.douban.com
- imdb.com
- kitsu.io
- myanimelist.net
- shikimori.one
- Shoko (local metadata provider)
- Stash (local metadata provider)
- themoviedb.org
- themoviedb.org/collection
- theporndb.net
- thetvdb.com
- trakt.tv
- tvmaze.com
- kinopoisk.ru
- tvlistings.zap2it.com
#### Books/Comics
- comicvine.gamespot.com
- books.google.com
- search.worldcat.org
#### Music
- music.apple.com
- discogs.com
- musicbrainz.org
- theaudiodb.com
- vgmdb.net
- imvdb.com
## Adding New Metadata Providers
To add a new metadata provider, simply provide a link to the plugin that integrates the metadata provider.
## Installation
### Public Metadata Providers
Most icons can be imported using the following CSS:
```css
@import url("https://cdn.jsdelivr.net/gh/Druidblack/jellyfin-icon-metadata@main/public-icon.css");
```
Add this to the top of `Dashboard -> General -> Custom CSS code`.
### Local Metadata Providers
For local metadata providers like Stash and Shoko, update the CSS files with your local server address.
#### Shoko
Modify and add the following CSS to the top of `Dashboard -> General -> Custom CSS code`:
```css
.itemExternalLinks a[href*="http://CHANGE_ME:8113/webui/collection/group"]::before {
content: "";
display: inline-block;
width: 60px;
height: 25px;
background-image: url('https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/refs/heads/main/icons/shoko/shoko-group.png');
background-size: contain;
background-repeat: no-repeat;
margin-right: 5px;
vertical-align: middle;
}
.itemExternalLinks a[href*="http://CHANGE_ME:8113/webui/collection/group"] {
font-size: 0;
}
.itemExternalLinks a[href*="http://CHANGE_ME:8113/webui/collection/series"]::before {
content: "";
display: inline-block;
width: 60px;
height: 25px;
background-image: url('https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/refs/heads/main/icons/shoko/shoko-series.png');
background-size: contain;
background-repeat: no-repeat;
margin-right: 5px;
vertical-align: middle;
}
.itemExternalLinks a[href*="http://CHANGE_ME:8113/webui/collection/series"] {
font-size: 0;
}
.itemExternalLinks a[href*="http://CHANGE_ME:8113/webui/redirect/episode"]::before {
content: "";
display: inline-block;
width: 65px;
height: 25px;
background-image: url('https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/refs/heads/main/icons/shoko/shoko-episode.png');
background-size: contain;
background-repeat: no-repeat;
margin-right: 5px;
vertical-align: middle;
}
.itemExternalLinks a[href*="http://CHANGE_ME:8113/webui/redirect/episode"] {
font-size: 0;
}
.itemExternalLinks a[href*="http://CHANGE_ME:8113/webui/redirect/file"]::before {
content: "";
display: inline-block;
width: 60px;
height: 25px;
background-image: url('https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/refs/heads/main/icons/shoko/shoko-file.png');
background-size: contain;
background-repeat: no-repeat;
margin-right: 5px;
vertical-align: middle;
}
.itemExternalLinks a[href*="http://CHANGE_ME:8113/webui/redirect/file"] {
font-size: 0;
}
```
#### Stash
Modify and add the following CSS to the top of `Dashboard -> General -> Custom CSS code`:
```css
.itemExternalLinks a[href*="http://CHANGE_ME:9999/scenes"]::before {
content: "";
display: inline-block;
width: 35px;
height: 25px;
background-image: url('https://raw.githubusercontent.com/Druidblack/jellyfin-icon-metadata/refs/heads/main/icons/stash/stash.png');
background-size: contain;
background-repeat: no-repeat;
margin-right: 5px;
vertical-align: middle;
}
.itemExternalLinks a[href*="http://CHANGE_ME:9999/scenes"] {
font-size: 0;
}
```
## Screenshots
**Credits:** This idea was inspired by the theme [Finimalism](https://github.com/tedhinklater/finimalism).