2025-03-20, 02:36 PM
You would add a block in config.json located in the jellyfin-web folder. In the jellyfin-web folder there is a "themes" folder that config.json would refer to. In that folder are the images and css for your theme.
Here are the themes from a default config.json.
You'd add another block for your theme. Create a folder in the themes folder with the same name and place your css and images in that new folder.
Here are the themes from a default config.json.
Code:
"themes": [
{
"name": "Apple TV",
"id": "appletv",
"color": "#bcbcbc"
}, {
"name": "Blue Radiance",
"id": "blueradiance",
"color": "#011432"
}, {
"name": "Dark",
"id": "dark",
"color": "#202020",
"default": true
}, {
"name": "Light",
"id": "light",
"color": "#303030"
}, {
"name": "Purple Haze",
"id": "purplehaze",
"color": "#000420"
}, {
"name": "WMC",
"id": "wmc",
"color": "#0c2450"
}
],
You'd add another block for your theme. Create a folder in the themes folder with the same name and place your css and images in that new folder.