jachin99 82 Posted December 12, 2018 Share Posted December 12, 2018 I want to start changing the look of my web app but I'm not sure how to apply my changes. Do I edit a file somewhere in Emby's folder structure, or do I just type my CSS change into custom CSS box under settings in my dashboard? Thanks. Link to comment Share on other sites More sharing options...
mgworek 121 Posted December 12, 2018 Share Posted December 12, 2018 I want to start changing the look of my web app but I'm not sure how to apply my changes. Do I edit a file somewhere in Emby's folder structure, or do I just type my CSS change into custom CSS box under settings in my dashboard? Thanks. Admin Dashboard > Settings. There is a Custom CSS section there. Link to comment Share on other sites More sharing options...
jachin99 82 Posted December 12, 2018 Author Share Posted December 12, 2018 Thanks for that but one more question. Where can I go to view the original CSS so that I can get a better idea about how to make future changes, and just kind of get a feel for the layout of everything Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted December 12, 2018 Share Posted December 12, 2018 The "original" css - is what's in the emby web pages Open an Emby web page then in chrome hit - ctrl+shift+i and then explore the elements section as a start Good luck as there is little to no documentation other than what others have posted on solutions Link to comment Share on other sites More sharing options...
jachin99 82 Posted December 12, 2018 Author Share Posted December 12, 2018 So whatever I type in that little box, Emby will try to find the HTML/CSS element, and replace it with the new values inside the curly brackets? Link to comment Share on other sites More sharing options...
PenkethBoy 2063 Posted December 12, 2018 Share Posted December 12, 2018 not emby but the browser think you need to read up on what css is and how it works Link to comment Share on other sites More sharing options...
Happy2Play 8296 Posted December 12, 2018 Share Posted December 12, 2018 So whatever I type in that little box, Emby will try to find the HTML/CSS element, and replace it with the new values inside the curly brackets? Easiest way is to open the browser dev console so you can select and see what element you are wanting to modify. Have you looked at the Accent themes as a starting point, even though they were somewhat abandoned when Luke added default themes? https://emby.media/community/index.php?/topic/28743-emby-dark-themes-in-different-accent-colors/ https://github.com/BenZuser/Emby-Web-Dark-Themes-CSS Everything you modifying reside in "Emby-Server\system\dashboard-ui" (at least on Windows), your custom css reside in the Emby-Server\programdata\config\branding.xml as everything in the system folder gets replaced with every system update. Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now