My Jellyfin Theme

Just my personal Jellyfin theme.

Installation

How to install the theme.

1. Go to the Jellyfin Settings > Dashboard > General > Custom CSS

2. Paste this CSS code into the Custom CSS input:

   @import url('https://ccrsxx.github.io/violetfin/public/style.css');

3. Click Save

Optional: this theme make a heavy use of Backdrops on the library, it has cool moving animations on the library background. You can enable it by going to Settings > Display > Backdrops. There's also a way to enable the backdrop on all users, you can follow the tutorial here.

Development

Here are the steps to run the project locally.

1. Clone the repository

   git clone https://github.com/ccrsxx/violetfin.git

2. Change directory to the project

   cd violetfin

3. Install dependencies

   npm i

4. Run the project

   npm run dev

5. Go to the Settings > Dashboard > General > Custom CSS, or go to Settings > Display > Custom CSS. This way you don't override the entire server's CSS, only on your current client. Make sure to enable Disable server-provided custom CSS code to prevent the server's CSS from overriding your custom CSS.

6. Paste the development CSS code into the Custom CSS input:

   @import url('http://localhost:3000/public/style.css');