• Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below
  • Forum
  • Website
  • GitHub
  • Status
  • Translation
  • Features
  • Team
  • Rules
  • Help
  • Feeds
User Links
  • Login
  • Register
  • Login Register
    Login
    Username/Email:
    Password:
    Or login with a social network below

    Useful Links Forum Website GitHub Status Translation Features Team Rules Help Feeds
    Jellyfin Forum Support Themes & Styles Using VS Code for custom css?

     
    • 0 Vote(s) - 0 Average

    Using VS Code for custom css?

    Is there a way to work on Jellyfin in vs code to work on custom css where i can then copy and paste it into the custom css box on the dashboard
    LeviSnoot
    Offline

    Junior Member

    Posts: 20
    Threads: 3
    Joined: 2023 Sep
    Reputation: 1
    Country:Sweden
    #4
    2023-09-19, 02:16 PM
    Quote:I would like to use some custom css to customise my jellyfin, I want to modify a theme but it is a bit tricky to edit one thing in a big file and then put it back in the custom CSS box and then save and reload, it would be easier to open the files in vs code and using the live server plugin, I would be able to attach a file to put all the custom CSS in and see live changes as I make them.
    Is this possible and if so how would I go about doing it?

    I haven't tried doing this, but I'm not sure an actual potential solution has been suggested yet, so I'll give it a shot. In Jellyfin, go to Profile (your profile pic in the top right corner) > Display. Once there, tick "Disable server-provided custom CSS code", and under "Custom CSS Code:" paste something like the following (I have no idea what the URL path for the VSCode server is so change this to whatever it is):
     
    Code:
    @import http://localhost:3000/style.css

    Now you should be able to just refresh the browser window every time you save the style.css file.

    It's possible Jellyfin or your browser won't be happy fetching a css stylesheet over HTTP, and in that case, I think the best option might be something like a git repo to host the style.css on and then pushing the changes every time you save. The URL would then be the URL to the raw CSS file in your git repo. 

    I might try this in a bit. I'll let you know if I do and whether it worked.
    JF Server Specs:
    • CPU: Intel Core i5-11400
    • Motherboard: ASRock H510M-ITX/ac
    • RAM: G.Skill 16GB (2x8GB) Value 2666MHz CL19 DDR4
    • PSU: Silverstone SX300-B 80+ Bronze SFX
    • OS: Debian 12
    • JF: 10.10.6
    « Next Oldest | Next Newest »

    Users browsing this thread: 1 Guest(s)


    Messages In This Thread
    Using VS Code for custom css? - by IPQ - 2023-07-28, 03:24 AM
    RE: Using VS Code for custom css? - by Dex Luther - 2023-09-03, 12:18 AM
    RE: Using VS Code for custom css? - by DirecTV - 2023-09-03, 04:45 AM
    RE: Using VS Code for custom css? - by LeviSnoot - 2023-09-19, 02:16 PM
    RE: Using VS Code for custom css? - by Niskeletor de Oscuridad - 2023-09-19, 04:24 PM
    RE: Using VS Code for custom css? - by IPQ - 2023-09-27, 09:27 AM

    • View a Printable Version
    • Subscribe to this thread
    Forum Jump:

    Home · Team · Help · Contact
    © Designed by D&D - Powered by MyBB
    L


    Jellyfin

    The Free Software Media System

    Linear Mode
    Threaded Mode