Jump to content

Emby Blog

  • entries
    470
  • comments
    3604
  • views
    3039686

Contributors to this blog

  • Luke 313
  • ebr 61
  • 7illusions 15
  • ScottIsAFool 12
  • Abobader 11
  • radeon 9
  • xnappo 8
  • darwindeeds 7
  • Redshirt 6
  • Cheesegeezer 5
  • snazy2000 3
  • leedavies 3
  • Aphid 3
  • techywarrior 3
  • bigjohn 3
  • Soultaker 2
  • chef 2
  • gcw07 2
  • marcelveldt 1
  • hurricanehrndz 1

Learn how to Create Skins for Emby Theater

Luke

17671 views

By now, you've seen the images of how pretty Emby Theater is:

 

561bc276520b9_1.png

 

561bc399d86b6_2.png

 

You can learn more about the app by reading the original announcement:

 

http://emby.media/community/index.php?/blog/1/entry-290-introducing-the-new-emby-theater-for-windows-and-the-web/

 

But what about the skinning engine? How can we create our own skins? We're please to announce that it's very easy.

 

All You Need is a Little HTML

 

If you can do HTML and JavaScript, then you can build a skin for Emby Theater. It's that easy.

 

Just Fork the Default Skin

 

The default skin is open sourced on Github:

 

https://github.com/MediaBrowser/emby-web-defaultskin

 

Just fork it, give it a new name, make your changes, and that's all there is to it. You can host your skin directly on Github, and users can easily install it within the app's settings. So fork away and start skinning. We're excited to see what you come up with.

  • Like 9


10 Comments


Recommended Comments

Do you know when this feature will be available for the regular web client?

Share this comment


Link to comment

Do you know when this feature will be available for the regular web client?

 

We can't offer any dates but the best way to get what you want faster is to help contribute by experimenting with building a skin in Emby Theater, without waiting for the regular web app to have everything you want.

Share this comment


Link to comment

If I get it right, I can't modify elements under "bower_components" folder because it's not in the default skin directory?

Share this comment


Link to comment

not going to bother with this now until I see what is happening with some of the UI decisions that are being made regarding custom artwork visibility in some sections. ie TV/Movie Genres

Share this comment


Link to comment

this looks very cool.... so i have some experience editing/modding skins and phpbb forums but have never "forked" before, as such i'm hoping for a bit of help regarding the instructions.... i downloaded the github package, but where do i place the folder so emby settings recognizes it as a skin? or is there more to it than that? thanks!

Share this comment


Link to comment

guess it helps reading the instructions carefully, ha ha.... anyway, was able to fork the skin and install it as a plugin, now comes the fun part, doing some editing/modding... the thing is, the plugin lost the user id / settings icon in the top right hand corner, circled in yellow, it's gone, any thoughts? thanks!

 

image.jpg

Share this comment


Link to comment

any way to add the github to notepad++ in order to edit/mod on the fly?

Share this comment


Link to comment

1. any way to add a custom.css file to a fork, which would override other css files, like the web app css tool?

 

2. any way to refresh app while open so changes will display, rather than having to close and reopen app? keymap?

Share this comment


Link to comment

guess it helps reading the instructions carefully, ha ha.... anyway, was able to fork the skin and install it as a plugin, now comes the fun part, doing some editing/modding... the thing is, the plugin lost the user id / settings icon in the top right hand corner, circled in yellow, it's gone, any thoughts? thanks!

 

image.jpg

 

not sure what else i can try to get this to work properly.... installing the forked skin plugin from the settings panel works fine, goes smoothly, but as soon as i back out of the settings the search bar and user icon / settings disappear from the top right hand corner as the forked skin is installed, as if i have signed out.... of course when this happens i can no longer use any app settings....

Share this comment


Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...