Possible to have different themes for different users?

[gts250gamer]

Hey all,

I am wondering if it would be possible to have a different theme for different users of the platform.

My girlfriend has a visual impairment that makes dark themes hard for her to navigate, so ideally her profile would have a slightly modified theme with a high contrast navigation menu and buttons.

Is this a feature that exists already? I have not tried logging into her profile to check if she can customize things that way, but I figured I would ask first to see if there's perhaps a better way to do this.

Thank you all in advance, this community is wonderful!


EDIT: alternatively, can anybody recommend a high contrast theme? I would be perfectly happy to change the server to have a higher contrast theme site-wide, if that is the only option!

[TheDreadPirate]

I don't have access to my Jellyfin at the moment, but I recall that in addition to Dashboard > General > Custom CSS, which applies custom CSS to all clients, each user (including admins) has access to apply their own custom CSS that only affects their client. Settings > Display, maybe?

IIRC, there is also a check box to disable any CSS from the server (that was applied in the admin dashboard).

[gts250gamer]

I don't have access to my Jellyfin at the moment, but I recall that in addition to Dashboard > General > Custom CSS, which applies custom CSS to all clients, each user (including admins) has access to apply their own custom CSS that only affects their client.  Settings > Display, maybe?

IIRC, there is also a check box to disable any CSS from the server (that was applied in the admin dashboard).

Dread, thank you for your assistance! I remember your username, as you previously helped me with configuring an Intel ARC GPU in Jellyfin.

I will definitely look into CSS options on a per-user basis. That honestly did not cross my mind, and I think it would be a great option. I know it is certainly a rare case indeed, but I love the open nature of Jellyfin and truly believe that it will work for our needs!

Cheers,
Sam

[TheDreadPirate]

Once I regain access to my jellyfin (I stupidly rebooted after installing a test-kernel while not at home) I will try to give a more definitive suggestion.

I just use the default theme so I don't interact with those parts of Jellyfin often.

[gts250gamer]

Well, best wishes to a speedy solution! I am not familiar with Ubuntu as a platform (still very much a Windows noob), but I hear it is usually one of the friendlier distros in troubleshooting and fixing issues that arise.

[Efficient_Good_5784]

Are you switching user profiles with your girlfriend on the same device?

The client-side CSS option should be available on web-based Jellyfin clients, but for example, I don't think it's an option on the Android TV app.

Also, the client-side CSS option is saved on the browser's cache. Not the user's Jellyfin profile. This means two things:
1. You need to apply the CSS to all web-based clients that the user wants it in.
2. Make a backup of the CSS if you want to keep it for the future as clearing the browser's cache will erase the client-side CSS too.

[gts250gamer]

Are you switching user profiles with your girlfriend on the same device?

No, this is more for when she is using her laptop to access the JF server. I have an Apple TV that has been configured for better contrast and accessibility, so that is the only third-party app that is in the equation, and while it is not perfect, it is perfectly adequate as a secondary platform.

As far as the client side CSS goes, does that mean there is essentially no way to have CSS for individual users? I was under the impression that each user could have their own custom CSS, but I will re-evaluate if that is not the case.

Thank you again for your input.

[Efficient_Good_5784]

As far as the client side CSS goes, does that mean there is essentially no way to have CSS for individual users? I was under the impression that each user could have their own custom CSS, but I will re-evaluate if that is not the case.

There is. It's just left to the users themselves instead of the admin to control.

The admin can apply a server-wide CSS theme.
Users can disable the admin-created CSS theme and add their own. Note that users don't have to disable the admin CSS theme, they can add onto the admin CSS theme too if they want.

The setting for client-side CSS is found at: 

Client Settings > Display > "Custom CSS code"

The client CSS code states: "Custom CSS code for styling which applies to this client only. You may want to disable server custom CSS code."

When I stated it's not available on some apps, it's not available on clients that use their own interface.
Basically, if the client uses the web interface (browser, Android Phone app, etc), it should have an option for client-side CSS code.

Android TV doesn't support any CSS code (both admin or client-side) because it's not using the Jellyfin Web interface.

Finally, some advice for customizing your server with CSS. A browser's dev tools will be your friend here. F12 and "crtl+shift+c" to select the CSS element of an item on screen (at least on Chrome based browsers) will be what you'll be using most of the time. You just have to copy the name of the items that appear in the dev console and apply your own modifications (such as changing the color with rgba() declarations). You can also have fun with this and modify any site you find online. Any modification done in the dev tools will be reset upon your next reload.

You know your girlfriend the best here. If you think she can handle doing her own customizations to her client, just let her know where to add the CSS code. If not, just do it on your own and share the code with her.