mediacowboy 438 Posted March 14, 2016 Share Posted March 14, 2016 (edited) Thanks for this. I really love the themes. Edited March 14, 2016 by mediacowboy Link to comment Share on other sites More sharing options...
Ben Z 86 Posted March 14, 2016 Author Share Posted March 14, 2016 @@mediacowboy You're welcome. Also, I edited the OP to include all emby logos and checkmark icons for each theme in a .ZIP file. Link to comment Share on other sites More sharing options...
shorty1483 448 Posted March 14, 2016 Share Posted March 14, 2016 (edited) @ @@Happy2Play Thanks to the Detail view changes made by the Devs @@Luke in the latest Dev Server the solution from post 20 is working properly now. Yay .pageBackground {background-color: rgba(0,0,0,.80) !important;} Edited March 14, 2016 by shorty1483 Link to comment Share on other sites More sharing options...
rcarteraz 12 Posted March 14, 2016 Share Posted March 14, 2016 I'm using the Dark w/ Blue. The active devices shows white, is it possible to change this to blue as well so it doesn't look off? Link to comment Share on other sites More sharing options...
Ben Z 86 Posted March 14, 2016 Author Share Posted March 14, 2016 @@rcarteraz As I mentioned here: Also, I have to fix something on this theme. I don't know how to do it. Maybe someone can help? Since Emby Version 3.0.5882.0, there is a kind of white footer on the active device blocks in the server dashboard page (see attached picture). How can I change the color of it please? I tried several things but it didn't work sadly. I don't know yet how to fix that, unfortunately. I'll need help of someone more experienced then me. 1 Link to comment Share on other sites More sharing options...
Ben Z 86 Posted March 17, 2016 Author Share Posted March 17, 2016 (edited) @rcarteraz Edited the OP: "I made a V2 of all versions in a .ZIP file "Dark Theme & Colored Highlights V2" containing the 7 colors. It consist of some fixes, including the active device blocks being white mentioned a few posts after." Edited March 17, 2016 by benjidave Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted March 17, 2016 Share Posted March 17, 2016 (edited) @ /* --- To Do List --- *//* Dashboard Progress Bar Playback /Resume*/ Could only get this to work for Chrome, from this reference. /*Chrome*/ progress::-webkit-progress-value { background-color: #E81123 !important;} /* Firefox */ progress::-moz-progress-bar { background: #E81123;} /*Edge*/ progress {color: #E81123;} Edit - Update with Firefox and Edge, haven't figured out IE11 yet. Edited March 17, 2016 by Happy2Play Update Firefox and Edge 2 Link to comment Share on other sites More sharing options...
shorty1483 448 Posted March 18, 2016 Share Posted March 18, 2016 (edited) Black progressbar for Darker Theme thanks to @@rthomas .nowPlayingBar { border-top: 1px solid #3b3b3b !important; color: #e8e8e8 !important; background-color: rgba(0,0,0,.90) !important; /*box-shadow: 0 0 8px rgba(232,232,232,.4);*/ } .mediaButton, .nowPlayingBarUserDataButtons .btnUserItemRating { color: #e8e8e8; } .nowPlayingBarText { font-size: 15px; } .nowPlayingBarPositionSlider #progressContainer { background-color: transparent !important; } Edited March 18, 2016 by shorty1483 Link to comment Share on other sites More sharing options...
arrbee99 1544 Posted March 20, 2016 Share Posted March 20, 2016 Wondering If I could ask politely for some help fixing possible minor bugs in this theme (know nowt about css or html unfortunately).... - sorting thing a bit difficult to read - is the Rotten Tomatoes thing supposed to have a grey background or be transparent ? and also use a different (though easier to read) font ? - as before, is Trailer, Sync. etc supposed to have grey background or be transparent ? - items in Guide get out of sync with their Channels. Link to comment Share on other sites More sharing options...
Ben Z 86 Posted March 20, 2016 Author Share Posted March 20, 2016 (edited) Wondering If I could ask politely for some help fixing possible minor bugs in this theme (know nowt about css or html unfortunately).... - sorting thing a bit difficult to read - is the Rotten Tomatoes thing supposed to have a grey background or be transparent ? and also use a different (though easier to read) font ? - as before, is Trailer, Sync. etc supposed to have grey background or be transparent ? - items in Guide get out of sync with their Channels. Add the following lines. This should fix the sorting list (thanks though) :.paper-radio-button-0 #radioLabel.paper-radio-button {color: #CCCCCC !important;}I should have mentioned it before, but I only tested my themes in Google Chrome. Which browser are you using? I'm not getting the same thing as you in Chrome. Did you do some modifications from earlier posts by Happy2Play and shorty1483? My screenshots were made by my CSS texts from my original post. For your channels, unfortunately, I don't use TV with emby. I can't really help you there. EDIT: Make sure to use the .zip file called "Dark Theme & Colored Highlights V2" if you use Emby Version 3.0.5882.0 Edited March 20, 2016 by benjidave 1 Link to comment Share on other sites More sharing options...
Ben Z 86 Posted March 20, 2016 Author Share Posted March 20, 2016 Edited OP: - Added a "Manual Fixes" section instead of constantly updating version files. 1 Link to comment Share on other sites More sharing options...
shorty1483 448 Posted March 20, 2016 Share Posted March 20, 2016 (edited) For the darker/black theme. But I'm sure it can be used in the grey themes. Important: This does also apply to e.g. Metadata Editors listviews (Actors etc.). /*--------------------------------------------------------------RottenTomatoes---------------------------------------------------------------*/ .criticRatingSummary { color: #CC7B19; background-color: #000000 !important; } .criticRatingScore { color: #CC7B19; } .x-scope.paper-icon-item-0 { background-color: #000000 !important; } @ I played around with your great black base theme (transparent cards, black progress popup etc.). Can I upload here? I don't see there is a new thread needed cause the most work is done by you... Edited March 20, 2016 by shorty1483 1 Link to comment Share on other sites More sharing options...
shorty1483 448 Posted March 20, 2016 Share Posted March 20, 2016 (edited) Change of button coloring in detail screen (HTML color value needs to be changed to theme color) /*--------------------------------------------------------------Buttons---------------------------------------------------------------*/ paper-button.subdued.x-scope.paper-button-0 { background: #B35A00 !important; } paper-button.btnSync.x-scope.paper-button-0 { background: #B35A00 !important; } paper-button.subdued.btnMoreCommands.notext.x-scope.paper-button-0 { background: #B35A00 !important; } **************************************************************************************************************************************************************************************************************************** Fix Dialog Header matching theme color (HTML color value need to be changed to theme color). /*--------------------------------------------------------------Dialog Header---------------------------------------------------------------*/ div.dialogHeader { background: #101010 !important; } Edited March 20, 2016 by shorty1483 1 Link to comment Share on other sites More sharing options...
Ben Z 86 Posted March 20, 2016 Author Share Posted March 20, 2016 I played around with your great black base theme (transparent cards, black progress popup etc.). Can I upload here? I don't see there is a new thread needed cause the most work is done by you... Yes, sure! Link to comment Share on other sites More sharing options...
Ben Z 86 Posted March 20, 2016 Author Share Posted March 20, 2016 Fix Dialog Header matching theme color (HTML color value need to be changed to theme color). /*--------------------------------------------------------------Dialog Header---------------------------------------------------------------*/ div.dialogHeader { background: #CC7B19 !important; } Make sure to use a dark color like #101010 instead because you'll get this in metadata editor : Instead of : Link to comment Share on other sites More sharing options...
shorty1483 448 Posted March 20, 2016 Share Posted March 20, 2016 (edited) Make sure to use a dark color like #101010 instead because you'll get this in metadata editor : Instead of : The light one was my intention I did not recognize the orange on orange...thanks for the hint. Edited March 20, 2016 by shorty1483 1 Link to comment Share on other sites More sharing options...
shorty1483 448 Posted March 20, 2016 Share Posted March 20, 2016 (edited) Thanks to @ , @@Happy2Play and @@rthomas Plexlike_Dark_Orange_Theme - Emby 3.0.5882.txt Edited March 20, 2016 by shorty1483 3 Link to comment Share on other sites More sharing options...
arrbee99 1544 Posted March 21, 2016 Share Posted March 21, 2016 Add the following lines. This should fix the sorting list (thanks though) : .paper-radio-button-0 #radioLabel.paper-radio-button {color: #CCCCCC !important;}I should have mentioned it before, but I only tested my themes in Google Chrome. Which browser are you using? I'm not getting the same thing as you in Chrome. Did you do some modifications from earlier posts by Happy2Play and shorty1483? My screenshots were made by my CSS texts from my original post. For your channels, unfortunately, I don't use TV with emby. I can't really help you there. EDIT: Make sure to use the .zip file called "Dark Theme & Colored Highlights V2" if you use Emby Version 3.0.5882.0 Thanks, that fixed the sorting list. I was using Chrome (and am experimenting with Firefox and Opera at the moment), still getting that Trailer, Sync, triple colon stuff in grey, the rest in transparent. Think the only change made to the theme was to add that code line to show the background in full screen with the transparency adjusted. With the channels thing, it seems to add a thin line to each program row, but not to the actual channel names, but its no biggy. Am using the V2 version. Tried adding the code given by Shorty in Post# 37 (if it was meant for me......), it kind of turned Rotten Tomatoes into a two tone thing....(or was it two tone to begin with. Anyway. Link to comment Share on other sites More sharing options...
shorty1483 448 Posted March 21, 2016 Share Posted March 21, 2016 (edited) Thanks, that fixed the sorting list. I was using Chrome (and am experimenting with Firefox and Opera at the moment), still getting that Trailer, Sync, triple colon stuff in grey, the rest in transparent. Think the only change made to the theme was to add that code line to show the background in full screen with the transparency adjusted. With the channels thing, it seems to add a thin line to each program row, but not to the actual channel names, but its no biggy. Am using the V2 version. Tried adding the code given by Shorty in Post# 37 (if it was meant for me......), it kind of turned Rotten Tomatoes into a two tone thing....(or was it two tone to begin with. Anyway. No this was a general modification, but I will post a fix for the padding in the evening. Currently at work. Edited March 21, 2016 by shorty1483 Link to comment Share on other sites More sharing options...
Ben Z 86 Posted March 21, 2016 Author Share Posted March 21, 2016 OP edited: I had too many manual fixes, so I made a V3 and updated all individual themes for people that doesn't want to download the .zip file. The V3 include several minor fixes. I also changed the color icons in a way that you can see when you check one. Issue mentioned in 1st edit fixed. 1 Link to comment Share on other sites More sharing options...
Ben Z 86 Posted March 21, 2016 Author Share Posted March 21, 2016 (edited) I was using Chrome (and am experimenting with Firefox and Opera at the moment), still getting that Trailer, Sync, triple colon stuff in grey, the rest in transparent. Think the only change made to the theme was to add that code line to show the background in full screen with the transparency adjusted. Well, it's supposed to be gray everywhere. Maybe the background transparency adjustment is screwing up somewhere? Download the V3 or any individual theme, I updated them. Try both, without and with the transparency adjustment to see if it's the issue. But honestly, it shouldn't. Edited March 21, 2016 by benjidave Link to comment Share on other sites More sharing options...
arrbee99 1544 Posted March 21, 2016 Share Posted March 21, 2016 Well, it's supposed to be gray everywhere. Maybe the background transparency adjustment is screwing up somewhere? Download the V3 or any individual theme, I updated them. Try both, without and with the transparency adjustment to see if it's the issue. But honestly, it shouldn't. Doesn't seem to make any difference..... In the three images below, the first image has no CSS theme applied and its still a half n' half thing (presumably the original design). The second has a Version 3 green theme, still the same, and the third image is the Version 3 green theme plus the transparency command / effect, no change. I see also that Shorty's Plex(ish) theme is halfy / halfy. Not sure its worth worrying about ? Link to comment Share on other sites More sharing options...
shorty1483 448 Posted March 21, 2016 Share Posted March 21, 2016 Thanks, that fixed the sorting list. I was using Chrome (and am experimenting with Firefox and Opera at the moment), still getting that Trailer, Sync, triple colon stuff in grey, the rest in transparent. Think the only change made to the theme was to add that code line to show the background in full screen with the transparency adjusted. With the channels thing, it seems to add a thin line to each program row, but not to the actual channel names, but its no biggy. Am using the V2 version. Tried adding the code given by Shorty in Post# 37 (if it was meant for me......), it kind of turned Rotten Tomatoes into a two tone thing....(or was it two tone to begin with. Anyway. .paperList { padding-top: 0px; } Gesendet von meinem HTC One_M8 mit Tapatalk Link to comment Share on other sites More sharing options...
Ben Z 86 Posted March 21, 2016 Author Share Posted March 21, 2016 Doesn't seem to make any difference..... In the three images below, the first image has no CSS theme applied and its still a half n' half thing (presumably the original design). The second has a Version 3 green theme, still the same, and the third image is the Version 3 green theme plus the transparency command / effect, no change. I see also that Shorty's Plex(ish) theme is halfy / halfy. Not sure its worth worrying about ? My Emby server is linux based and not windows. There are probably some differences. Link to comment Share on other sites More sharing options...
Happy2Play 8138 Posted March 21, 2016 Share Posted March 21, 2016 (edited) /* DLNA - Profile - Direct Play section */ ul[data-role="listview"] > li[data-role="list-divider"] { background: #101010 !important;} ul[data-role="listview"] , ul[data-role="listview"] > li{ border-color: #101010 !important; } ui-page-theme-a .ui-body-inherit, html .ui-bar-a .ui-body-inherit, html .ui-body-a .ui-body-inherit, html body .ui-group-theme-a .ui-body-inherit, html .ui-panel-page-container-a { background-color: #101010;} Edited March 21, 2016 by Happy2Play 2 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