Jump to content


Photo

Custom Preset Themes


  • Please log in to reply
4 replies to this topic

#1 rechigo OFFLINE  

rechigo

    Advanced Member

  • Members
  • 249 posts
  • Local time: 12:43 AM

Posted 02 January 2020 - 03:13 AM

I know this isn't directly anything to do with the Web App CSS, but I'll ask anyways. I'm curious: is there a way to add your own preset themes to Emby? (Ex. black, holidays, windows media center, etc) At first, I thought it was as simple as going into the "themes" folder under emby-webcomponents in the dashboard-ui folder and adding a folder containing a json and css folder pertaining to the styling, but I realized it isn't that simple. Is there a way that I can manually add my own themes? If so, where exactly could I specify my themes so that the web app would know they exist?

 

UPDATE: After some grep'ing on my linux box, I was able to find the source of the theme service: It's a file called "skinmanager.js" in the emby-webcomponents directory.

 

After looking over the code, it appears creating a custom theme is quite simple and I got it to work with ease. If anyone is interested in how to do this, please let me know and I'll follow up with a quick guide on how to do so.


Edited by rechigo, 02 January 2020 - 03:25 AM.

  • carbonbaseunit likes this

#2 carbonbaseunit OFFLINE  

carbonbaseunit

    Newbie

  • Members
  • 1 posts
  • Local time: 12:43 AM

Posted 12 January 2020 - 10:20 PM

I am interested.  Not too good with CSS, but I can follow instructions pretty good.   :)



#3 riothamus OFFLINE  

riothamus

    Advanced Member

  • Members
  • 119 posts
  • Local time: 03:43 AM
  • LocationUnited States

Posted 13 January 2020 - 01:42 PM

I am also interested.  I've been kicking around an idea for a "Blockbuster Video"-esque theme for a while now.



#4 rechigo OFFLINE  

rechigo

    Advanced Member

  • Members
  • 249 posts
  • Local time: 12:43 AM

Posted 13 January 2020 - 02:00 PM

I wont be home for a few days, but when I get back and have time I'll go over an example on how to create a custom dark theme w/ a blue accent. From there you should be able to create themes with whatever accents/colors you'd like.

Sent from my SM-G973U using Tapatalk

#5 ebr OFFLINE  

ebr

    Chief Bottle Washer

  • Administrators
  • 49022 posts
  • Local time: 03:43 AM

Posted 13 January 2020 - 06:54 PM

Just a note to readers - if you take this approach, every update of the app/server will overwrite your custom themes.  And, if you back up that file and replace it after update, you risk breaking things.

 

Just to be aware of...


  • rechigo likes this




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users