INTERACT FORUM
Windows => Third Party Plug-ins, Programs, and Skins => Topic started by: Dirhael on September 01, 2013, 12:57:25 pm
-
Modern Cards: Dark Edition
Update 2016-01-26: * 2016.01.25: Fixed issue with window close/max/restore/min buttons when using skin scaling.
Update 2015-09-20: Many more image assets for the scaling functionality added. Finally ready for a release, after several delays due to RL. There are still a few images that needs updating, but it's certainly usable by now. I've also changed the look of many of the buttons in the skin to better match up with Windows 10.
Update 2015-08-10: The skin now offers different window close/max/min/restore buttons depending on what OS you're installing it on. In this release it detects Windows 8, Windows 10 and OSX Yosemite. Any other operating systems will get the Windows 10 buttons, at least for now. Ubuntu support will be coming in a future update. This feature means that you now need JRiver Media Center 20.0.118 or above to use the skin. If you're using earlier versions of MC, do not install this skin.
Several people have asked for a dark version of my Modern Cards skin for JRiver Media Center, so I finally got around making it. This is the first public release of it, so there will be some updates in the future. This time the skin only includes window buttons for Windows 10, but I will eventually add more for both OSX and earlier Windows versions. I still consider this a beta, but it's at least as usable as my original Modern Cards skin was, probably more so seeing as I've skinned more elements this time around. I've also redesigned almost all of the original MC internal web pages, since I didn't think they fit my skin.
Note to beta testers: The skin folder name have changed in this release, so after installing be sure to select the new version from your skin menu after installing.
(https://defreitas.no/dl/moderncardsdark/2015-09-20_ModernCardsDarkEdition-small.jpg) (https://defreitas.no/dl/moderncardsdark/2015-09-20_ModernCardsDarkEdition.png)
[Download from DeviantArt] (http://dirhael.deviantart.com/art/Modern-Cards-Dark-Edition-Update-2015-09-20-552301796)
INSTALLATION
Unzip the entire content of the zip file to your MC folder. By default this folder can be located in "C:\Program Files (x86)\J River". If you don't want custom icons etc. then just skip the "data" folder.
The original Modern Cards skin
2014.09.19 - Update 8: Added "active" playerbar button colors (by request).
2014.09.18 - Update 7: Added DSP-direct button highlighting.
2014.08.28 - Update 6: New release with several different window decorations & playerbar styles (Windows 8, Ubuntu & OSX). Thanks to "Awesome Donkey" for his feedback & help!
2014.05.07 - Update 5: Started work on customized action window icons.
2014.05.07 - Update 4: Flatter look for custom sidebar icons, a bit more in line with Windows 8 Modern UI (no new icons added yet).
2014.05.05 - Update 3: Fixed broken DSP-direct button.
2014.05.01 - Update 2: Added a new duo-toned version of the skin, with a dark player- and bottom bar. Also tweaked the scroll-bar handles in the original bright version.
2013.09.14 - Update 1: This is just a quick bugfix update. The "repeat off" button was missing, and the "dsp off/direct" button was un-skinned. Those issues are now resolved.
Hello everyone!
A while back I released a standard view skin for MC called Brighter Days (http://yabb.JRiver.com/interact/index.php?topic=75330). It was a work-in-progress, but after a while I decided I wanted something a bit "cleaner". I scrapped a lot of the old skin elements, and it eventually evolved to what I'm releasing today. "Modern Cards" is a simple theme for JRiver Media Center 18+, inspired in part by Google Now's Card UI, Microsoft Office 365 and Windows 8 (hence the name).
This time I'm using GitHub while "developing" the skin, so if I simply can't find the time to work on it anymore (work takes up most of my weeks after all...), I'll make the repo public with access to all PSD's etc. so that anyone can modify, tweak or fork it into something completely new, if they wish. The same applies if I at some point feel "finished" with the theme.
With that out of the way, here's a preview image and download links :)
(https://defreitas.no/dl/mc/ModernCardsSkin-poster-small.jpg) (https://defreitas.no/dl/mc/ModernCardsSkin-poster.jpg)
[Download from DeviantArt] (http://dirhael.deviantart.com/art/Modern-Cards-397411922)
Please post here or over at DA if you encounter any bugs, or have feedback.
INSTALLATION
Unzip the entire content of the zip file to your MC folder. By default this folder can be located in "C:\Program Files (x86)\J River". If you don't want custom icons etc. then just skip the "data" folder.
Hope some of you will enjoy it, and if you have any feedback I'd love to hear from you!
-
It looks nice, thank you.
I may give it a try later this week.
-
It looks nice, thank you.
I may give it a try later this week.
Thanks for testing, hope you'll enjoy it! :)
-
Just added a new version of the skin, with a dark player- and bottom bar (and other tweaks and changes here and there) as requested by a user over at deviantART. I'd love some feedback if you encounter and problems/bugs, or have suggestions :)
-
Very nice skin feat very well with my custom visual style thx!
-
The DSP icon shows twice, once grey and once (half) orange. Mousing over them they sort of jump around.
Looks nice and clean otherwise!
-
The DSP icon shows twice, once grey and once (half) orange. Mousing over them they sort of jump around.
Looks nice and clean otherwise!
Thanks for the feedback, it's a broken setting in the skins main.xml file that causes this. Thought I fixed this way back when, but apparently I somehow reverted it again :-[ Just fixed- and uploaded a copy to DA.
-
Just posted an update with some icon changes and additions. The sidebar icons are now flat, and I've started working on customizing the action window icons.
-
I think the new duo-toned version is even nicer then the older one. Great work, the older version has been my skin of choice since its first release. Thanks!
(ps any chance you will enhance it to cover theater view as-well?)
-
I think the new duo-toned version is even nicer then the older one. Great work, the older version has been my skin of choice since its first release. Thanks!
(ps any chance you will enhance it to cover theater view as-well?)
Thank you, happy to hear you like the updated skin :) As for covering the theater view, well... I'd love to do it, but I have no experience skinning that mode as of yet. I'll certainly look into it, but if it happens then it'll probably take a while.
-
I like the dark version very much. Already the first version of "Modern Cards" was my favourite skin
Thx,
Stefan
-
Hey, very nice work. Don't see much skin activity these days so thanks for sharing.
-
I like the dark version very much. Already the first version of "Modern Cards" was my favourite skin
Thx,
Stefan
Hey, very nice work. Don't see much skin activity these days so thanks for sharing.
Happy to hear you're both enjoying the skin, hearing people using it makes the time I've used creating the skin feel well spent :)
-
I love this skin, good work! Personally for me and my library I made a little modification to it, adding Windows 8.1's minimize/maximize/restore/buttons in the place of the ones included with the skin - it looks pretty good and looks native with Windows 8.1 now. :D
One observation though, the bluish highlight when using the due-toned skin, wouldn't it look better as a darker color, like grey?
-
I love this skin, good work! Personally for me and my library I made a little modification to it, adding Windows 8.1's minimize/maximize/restore/buttons in the place of the ones included with the skin - it looks pretty good and looks native with Windows 8.1 now. :D
One observation though, the bluish highlight when using the due-toned skin, wouldn't it look better as a darker color, like grey?
id love to have the link to that one....i have 8.1
-
The Modern Skin Duo is probably up there in Noire IMO, aka heads and tails above the rest.
I do have one small suggestion: it would help if the search box was delineated slightly.
-
I love this skin, good work! Personally for me and my library I made a little modification to it, adding Windows 8.1's minimize/maximize/restore/buttons in the place of the ones included with the skin - it looks pretty good and looks native with Windows 8.1 now. :D
One observation though, the bluish highlight when using the due-toned skin, wouldn't it look better as a darker color, like grey?
A grey "color" works, I've already added it in my local dev version of the skin. As for it being darker, that I don't like as it makes the column separator lines to noticeable. That said, here's the PSD for that part, just change it to whatever color you want: http://www.thesecondscreen.com/uploads/List_Selection.psd
The Modern Skin Duo is probably up there in Noire IMO, aka heads and tails above the rest.
I do have one small suggestion: it would help if the search box was delineated slightly.
Hmm... I'll play around with it and see if I like it :)
Happy to hear you both like the skin, keep the suggestions coming! :)
-
Happy to hear you both like the skin, keep the suggestions coming! :)
Alright, you asked for it ;D
I use the duo-toned version and it seems to me like the color of the status bar and window have a bluish tint mixed with the grey? Any way that it can just be a dark grey or maybe a flat black? The current color makes my LCD TV look washed out (it doesn't display blacks well to begin with, so it needs all the help it can get). I'm also having trouble blending the windows taskbar color with the color you've chosen for the theme (so th status bar and windows taskbar appear seamless).
Is there an easy way to modify this myself (if you don't want to change it).
-
Alright, you asked for it ;D
I use the duo-toned version and it seems to me like the color of the status bar and window have a bluish tint mixed with the grey? Any way that it can just be a dark grey or maybe a flat black? The current color makes my LCD TV look washed out (it doesn't display blacks well to begin with, so it needs all the help it can get). I'm also having trouble blending the windows taskbar color with the color you've chosen for the theme (so th status bar and windows taskbar appear seamless).
Is there an easy way to modify this myself (if you don't want to change it).
That would be because is does have a blue tint ;) It probably looks a bit different on different screens, I myself use a "pro" (wide-gamut) monitor so the thought never crossed my mind that it could look strange on other screens. I'll consider it when I get time to work on the skin again ('though I personally prefer if with the blue tint), but for now I've edited the files for you:
http://thesecondscreen.com/uploads/MainFrame_BottomBorder.png
http://thesecondscreen.com/uploads/MainFrame_TopBorder.png
Just download them, and overwrite the existing files in the skin folder :) The background is a dark gray #111111 (RGB: 17,17,17) and the faint borders are pure black. If you need it even darker, just fill the images in your favorite editor with black.
-
One suggestion I have would be to add little arrows so we can collapse/expanding open the tree (like Noire and other skins have with the two little arrows) otherwise collapsing/expanding open the tree can be hard to do with the all-white.
Also if you're interested in the Windows 8.1 buttons, I've added them to this post.
-
One suggestion I have would be to add little arrows so we can collapse/expanding open the tree (like Noire and other skins have with the two little arrows) otherwise collapsing/expanding open the tree can be hard to do with the all-white.
Also if you're interested in the Windows 8.1 buttons, I've added them to this post.
That's one thing I'm not about to change. I really, really dislike the over-sized border you get when implementing that. That was actually one of the main reasons I started doing skins for this application, I just thought (and still think) thick borders/separators looks bad. That said, if there's any way to do that in form of a button or something like that I'll add it in asap :)
As for Win8-styled buttons, I tried that around the time I started with the skin, and at the time decided against it. My main reason being that it probably will look (even more) out of place on OSX/Linux. If I ever make separate versions for the different OS versions of MC, I may implement it :)
-
Ooooh, Duo with Ubuntu Ambiance buttons would look pretty native and AMAZING. Are you interested in the Ambiance and Radiance theme buttons from Ubuntu? I can upload them!
-
Ooooh, Duo with Ubuntu Ambiance buttons would look pretty native and AMAZING. Are you interested in the Ambiance and Radiance theme buttons from Ubuntu? I can upload them!
I'm certainly open to checking out how it would look :) I'm also thinking that if I do this, I'll adjust colors of other parts of the skin to match as well and have available as a choice in the skin menu.
-
Alright, uploaded! I might install Debian in a VM and try to grab the GNOME 3 buttons too. Also this would look great on OS X Yosemite too with its flat design! I'll try to grab its buttons too.
-
Alright, uploaded! I might install Debian in a VM and try to grab the GNOME 3 buttons too. Also this would look great on OS X Yosemite too with its flat design! I'll try to grab its buttons too.
Thanks for the buttons, saves me from installing yet another OS :) As for GNOME 3, no need. I'm already dual-booting Arch Linux running GNOME 3. I also have Yosemite installed on my Macbook, so that shouldn't be a problem either. That said, if you do it for me then I'd certainly save some time ;)
-
I'll have a go at it. As for Windows 7 and OS X Mavericks, fortunately those buttons are already available with the Noire skin... but in my opinion kinda pointless to use at this point, honestly.
-
Here's another Linux display manager taken care of, Xfce 4.
-
Ok, so I've started implementing custom buttons for Windows 8.x and Ubuntu so far. Do note that this is not yet finalized, but I'll most likely add it in my next release of the skin.
Windows 8.1:
(https://defreitas.no/dl/moderncards/windows8.png)
Ubuntu:
(https://defreitas.no/dl/moderncards/ubuntu.png)
-
Looking good! I haven't found where GNOME 3 hides its icons yet (been looking in /usr/share/themes for them) and I'll try Yosemite tomorrow. The bad thing about Ubuntu (both Ambiance and Radiance themes) I'm thinking is its use of gradients.
Ambiance:
(http://i.imgur.com/zGiMbfX.png)
Radiance:
(http://i.imgur.com/EH53XIv.png)
-
Looking good! I haven't found where GNOME 3 hides its icons yet (been looking in /usr/share/themes for them)
They're in usr/share/icons/ on my systems.
-
Yeah, gradients like that I don't think I'll implement. It ruins the flat concept of the skin. Perhaps a compromise with a more subdued gradient than the native Ubuntu one...'though, I have to say, I don't really like that either:
(https://defreitas.no/dl/mc/moderncards-ubuntu.png)
-
That actually looks pretty good to me.
-
Looks good to me actually.
Hmmm, I'll have to tweak it a bit and see what I end up with. Then again, if it's supposed to fit in with the rest of Ubuntu then I probably can't avoid a gradient completely...and it won't affect the other versions anyway, sooo... :)
-
Looking at GNOME 3, it looks like there's only a close button available but I'll keep looking.
EDIT: Okay, looks like there's no source window button images for the default GNOME 3 theme. Instead it's controlled/created by metacity-theme-3.xml so GNOME 3 might be a dead end or at the very least, a pain to screenshot the buttons (err, close button in this case) and edit them for use. It may not matter though, at it looks like Debian is going to go with Xfce.
-
Looking at GNOME 3, it looks like there's only a close button available but I'll keep looking.
EDIT: Okay, looks like there's no source window button images for the default GNOME 3 theme. Instead it's controlled/created by metacity-theme-3.xml so GNOME 3 might be a dead end or at the very least, a pain to screenshot the buttons (err, close button in this case) and edit them for use. It may not matter though, at it looks like Debian is going to go with Xfce.
I have a gnome minimize icon at /usr/share/icons/gnome/scalable/actions/window-minimize-symbolic.svg and a maximize right next to it; if you don't have one, let me know and I'll try and upload.
-
I figured out to to get GNOME 3 to show the minimize and maximize/restore buttons in addition to the close button. I've now proceeded to do things the hard way with screenshots which I'll grab the buttons out of.
EDIT: Okay, got the GNOME 3 window buttons ready. Keep in mind I didn't remove the gradients from these buttons, as they're probably needed to look correctly. If needed, I can remove the gradients.
-
That would be because is does have a blue tint ;) It probably looks a bit different on different screens, I myself use a "pro" (wide-gamut) monitor so the thought never crossed my mind that it could look strange on other screens. I'll consider it when I get time to work on the skin again ('though I personally prefer if with the blue tint), but for now I've edited the files for you:
http://thesecondscreen.com/uploads/MainFrame_BottomBorder.png
http://thesecondscreen.com/uploads/MainFrame_TopBorder.png
Just download them, and overwrite the existing files in the skin folder :) The background is a dark gray #111111 (RGB: 17,17,17) and the faint borders are pure black. If you need it even darker, just fill the images in your favorite editor with black.
Thanks!
-
GNOME 3 window buttons without gradients attached! Working on OS X Yosemite now!
-
Finally, OS X Yosemite window buttons. I believe these will work perfectly in Noire too - I'll test that in a few mins.
EDIT: Antialiasing is screwed up, so they don't look right.
-
Thanks for posting all these buttons, saves me quite some time having to install several VM's :) I doubt I'll be able to add a choice of all of them for the next release, as I'll have to change several parts of the skin to match the different operating systems and/or window managers. I expect to have Windows 8 (more or less done), Ubuntu (close to done) & Yosemite (not started yet) added for the next version. I'm not going to change things such as dialogue buttons etc. though, as it takes up time for very little gain. Also, the skin was never supposed to look fully native in any case.
-
Nice!
Sadly the Yosemite buttons I posted won't work. *sighs* I'll have to see if Apple has the source window button images stashed somewhere in OS X.
EDIT: Found SVGs for the stoplight window buttons for Mac OS X Yosemite. Working on it now!
-
EDIT: Found SVGs for the stoplight window buttons for Mac OS X Yosemite. Working on it now!
Sounds good :) If you'd like to test the Ubuntu version of the skin, I've attached it to this post. Let me know how it works in Ubuntu for you?
EDIT: Removed attachment, as it's not yet finalized but will be released within the coming week or so.
-
SVGs for Yosemite are a no-go too it seems. Slightly wrong colors and no restore buttons from Yosemite. *sighs*
Anyways testing the skin in Ubuntu (had to gain rights to /usr/lib/JRiver and its subdirectories to install the skin) I found the play buttons and whatnot won't load correctly. When testing the skin on Windows they show fine and I must say the skin looks beautiful, even on Windows.
EDIT: I'm getting closer with the Yosemite buttons. Actually got the correct colors now.
-
Okay. I think I've finally come close enough with Yosemite's stoplight window buttons. I tested these by using them in Noire in MC19 on Yosemite.
-
Anyways testing the skin in Ubuntu (had to gain rights to /usr/lib/JRiver and its subdirectories to install the skin) I found the play buttons and whatnot won't load correctly. When testing the skin on Windows they show fine and I must say the skin looks beautiful, even on Windows.
Try re-downloading. I've attached an updated version that should work better.
-
Okay, looks perfect now in Ubuntu! :D
Also, I've fixed the restore button to properly work in the Yosemite button pack. This should be the final version of these and they should be good to go.
Finally, I might of found an issue with the main white skin on Windows 8.1. I have the Run Auto-Import Now icon added to my toolbar to the right of the Help menu. When I hover my mouse over the icon, it goes white (or an off-white, not sure) and isn't seen easily. Shouldn't the hover color be the orange color like all other buttons have already? Look at the normal and hover images attached.
-
Okay, looks perfect now in Ubuntu! :D
Also, I've fixed the restore button to properly work in the Yosemite button pack. This should be the final version of these and they should be good to go.
Finally, I might of found an issue with the main white skin on Windows 8.1. I have the Run Auto-Import Now icon added to my toolbar to the right of the Help menu. When I hover my mouse over the icon, it goes white (or an off-white, not sure) and isn't seen easily. Shouldn't the hover color be the orange color like all other buttons have already? Look at the normal and hover images attached.
Happy to hear it's fixed :) When starting out with the skin, I didn't take into account that most (all?) *nix file systems are case sensitive, so...that happened :-[
As for the bug you reported, I've fixed it. I never have custom shortcuts in the top toolbar, I always use the bottom one so I didn't notice it. Will be included in the next release, but until then you can download this file: SmallIcons.png (https://dl.slide2open.me/mc/SmallIcons.png)
Just overwrite the existing one in your "Media Center 20\Data\Custom Art" folder.
-
Works good! It even fixed the button in Duo too from being white instead of orange.
The only other potential issue I've noticed is a little white patch towards the end of the volume slider at full volume - shows up in all versions of the skin;
(http://i.imgur.com/NXH1M5R.png)
-
Works good! It even fixed the button in Duo too from being white instead of orange.
The only other potential issue I've noticed is a little white patch towards the end of the volume slider at full volume - shows up in all versions of the skin;
(http://i.imgur.com/NXH1M5R.png)
Windows, Linux or both? I can't replicate on Windows, so I'm guessing Linux?
-
Windows but I'll check Linux too. I have a few ideas why this is happening, I'll report back when I can!
-
Okay, fixed, I was right with what I thought. The issue occurred because the transparent pixels on the right side of the orange line in PlayerBar_SliderVolFront.png, which caused the white area, before repeating the graphic. To fix it, you need to eliminate the transparent areas on the right side - I extended the orange line all the way to the end of the canvas. I'm testing now to see if there's any issues from doing this.
EDIT: The fix was more simple than that, just extend the orange on the left and right sides to eliminate the amount of transparency. The attached file will fix it in the white skin. The fix will need to be applied to Duo, Ubuntu, Yosemite, etc. too.
-
Windows but I'll check Linux too. I have a few ideas why this is happening, I'll report back when I can!
No need, already fixed it. In the process, the volume bar is also ever so slightly more accurate :)
-
Okay, fixed, I was right with what I thought. The issue occurred because the transparent pixels on the right side of the orange line in PlayerBar_SliderVolFront.png, which caused the white area, before repeating the graphic. To fix it, you need to eliminate the transparent areas on the right side - I extended the orange line all the way to the end of the canvas. I'm testing now to see if there's any issues from doing this.
EDIT: The fix was more simple than that, just extend the orange on the left and right sides to eliminate the amount of transparency. The attached file will fix it in the white skin. The fix will need to be applied to Duo, Ubuntu, Yosemite, etc. too.
That's more or less what I did. Also made a few changes in the main.xml file. The reason I used transparent left/right sides was due to the fact that the volume bar does not support OffsetX, and I wanted the bar a certain distance from the left side. After your bug report I decided to cave in and let the bar be a bit longer that I'd like. Just moved the speaker icon 2px to the left to compensate, and in the Ubuntu skin I also moved the menu a few px to the left to make the first letter align with the leftmost border of the prev icon.
-
Haha, nice!
It all looks good now, haven't seen anything else.
-
Haha, nice!
It all looks good now, haven't seen anything else.
Glad to hear :)
I've started playing around with the OSX Yosemite version of the skin now, here's how it looks for now:
(https://defreitas.no/dl/mc/moderncards-yosemite.png)
-
I like it, it would fit nicely with dark mode me thinks. Will it also come in white?
-
I like it, it would fit nicely with dark mode me thinks. Will it also come in white?
Maybe, not probably not initially. I thought it looked a bit...boring, at least with a white/light-gray gradient. I'll probably end up with something I do like eventually though :) For now, you can test a preliminary version attached to this post. Let me know how it works/looks?
EDIT: Removed attachment, as it's not yet finalized but will be released within the coming week or so.
-
As you can see...
http://i.imgur.com/JfaIpbz.png
Installed by dragging folder into Media Center 19's skin folder (via show package contents). There must be some directory where we can install skins without needing to do this.
-
As you can see...
http://i.imgur.com/JfaIpbz.png
Installed by dragging folder into Media Center 19's skin folder (via show package contents). There must be some directory where we can install skins without needing to do this.
That's strange, I just tested it on my Macbook Pro 13" non-retina, with the Yosemite public beta 2 and I don't have any such issues ?
-
It's because I enabled Retina mode in MC19. With it disabled, this looks great! :D
-
It's because I enabled Retina mode in MC19.
Ah, yes none of my skins supports "retina" as of yet. I wrote a little post about my reasoning on my website.
The problem with the current implementation is that it appears to be no way to use separate images for when you're using the scaling functionality and when you're not. This results in skins with support for HiDPI looking a bit blurry on regular monitors, even when you're not using the scaling function.
Link to full post (https://defreitas.no/mc-skins-vs-hidpi-monitors/)
edit: Fixed link. For some reason, this forum auto-corrects " j r m c" (without the spaces) to MC, even in links...
-
Well, that explains it, thanks. It looks perfect too. Awesome work! :)
-
Well, that explains it, thanks. It looks perfect too. Awesome work! :)
Thank you, I'm planning on releasing the updated skin before the week is out, unless some bad show-stopping bug appears :)
-
Awesome! Got a full WIP pack handy that needs testing? Also each OS/skin needs the custom art/resources/webpages, right?
-
Awesome! Got a full WIP pack handy that needs testing? Also each OS/skin needs the custom art/resources/webpages, right?
Sure, I'll clean out the dev files, zip my current work folder & send you a PM with a download link :) As for custom art/resources etc., MC doesn't allow you to make separate such elements for each skin, and so far they haven't changed much since the last skin release. I may take the time to make some more icons before release, but no promises (it takes me quite a bit of time, icons aren't exactly my strong suit).
-
They look amazing, and not a single issue with any of them! :D
-
They look amazing, and not a single issue with any of them! :D
Glad to hear, sounds like a release within the week is very likely then :) I'll keep tweaking until the last minute, but I don't expect there to be any major changes from now until the next release.
-
The only major difference between the skins I even notice is that the Yosemite skin has a visible search bar, whereas the others don't (as intended).
-
Ok, so I've published the updated version of the skin with a selection of different window- & playerbar styles. See first post in the topic for a preview image, and download links. Thanks to Awesome Donkey for the feedback & help! :)
-
Nice! They look and function great.
I'm also a little bored so I did a modification to the Yosemite skin - white version! Hehe. Actually the colors match Yosemite's and the modification is more-or-less done. I'll PM you a link to the modification so you can check it out if you want. :)
-
Originally, I wasn't going to post these and just keep them for my own use. I've reconsidered but keep in mind these are not official and there may and likely will be bugs with these!
In my boredom a week and a half ago, I decided to make modifications to the Modern Cards skins for the purpose of a) to see how easy it was to modify a skin to certain degrees and b) felt like seeing variants of the skins so I messed around with them until I came up with some modifications that look pretty good to me. To use these just drop them in the Standard Skins folder in the Skins directory where MC is installed. Okay, here's what I did...
- I greatly modified the dark OS X Yosemite skin to match Yosemite's white/grey scheme. You can see a work-in-progress of that in the above screenshot - I've since made more modifications and fixes. So, yeah, a white OS X Yosemite skin. I actually kinda like it when not using Yosemite's dark menu.
- I greatly modified the Ubuntu (Ambiance) skin to look more like Ubuntu's Radiance skin (aka the light Ubuntu skin). This one isn't perfect by a longshot - the gradients are probably screwed up. Maybe the window buttons too, not sure.
- I ported the Windows 8 window buttons to the normal white version of the skin. Simple modification here.
- For those sticking with Windows 7 who don't wish to see Windows 8's window buttons (why oh why?!? Modern W8 buttons look so much better!), I ported the Windows 7 buttons over to both the normal (white) and duo skins. Pretty simple modification.
Download: https://www.mediafire.com/?3n3ziuyelyyohde
So, yeah, enjoy. If there's any problems with me uploading these, tell me and they'll be removed ASAP!
P.S. One other modification I considered attempting was to see if I could glass up Modern Cards like Noire Glass. Then, well, I realized that for one there is no Aero Glass theme on Windows 8 and secondly it'd probably look pretty ugly and hard to use.
-
Originally, I wasn't going to post these and just keep them for my own use. I've reconsidered but keep in mind these are not official and there may and likely will be bugs with these!
In my boredom a week and a half ago, I decided to make modifications to the Modern Cards skins for the purpose of a) to see how easy it was to modify a skin to certain degrees and b) felt like seeing variants of the skins so I messed around with them until I came up with some modifications that look pretty good to me. To use these just drop them in the Standard Skins folder in the Skins directory where MC is installed. Okay, here's what I did...
- I greatly modified the dark OS X Yosemite skin to match Yosemite's white/grey scheme. You can see a work-in-progress of that in the above screenshot - I've since made more modifications and fixes. So, yeah, a white OS X Yosemite skin. I actually kinda like it when not using Yosemite's dark menu.
- I greatly modified the Ubuntu (Ambiance) skin to look more like Ubuntu's Radiance skin (aka the light Ubuntu skin). This one isn't perfect by a longshot - the gradients are probably screwed up. Maybe the window buttons too, not sure.
- I ported the Windows 8 window buttons to the normal white version of the skin. Simple modification here.
- For those sticking with Windows 7 who don't wish to see Windows 8's window buttons (why oh why?!? Modern W8 buttons look so much better!), I ported the Windows 7 buttons over to both the normal (white) and duo skins. Pretty simple modification.
Download: https://www.mediafire.com/?3n3ziuyelyyohde
So, yeah, enjoy. If there's any problems with me uploading these, tell me and they'll be removed ASAP!
P.S. One other modification I considered attempting was to see if I could glass up Modern Cards like Noire Glass. Then, well, I realized that for one there is no Aero Glass theme on Windows 8 and secondly it'd probably look pretty ugly and hard to use.
I don't mind, I'm just happy if my skin help get more people into making skins or other things for MC :) As for a Aero Glass theme, I don't think it's worth the effort. It would only work on Vista and Windows 7, and there isn't really any good way to make it look properly native even there. The theme engines in MC and Windows are just to different. I'm actually happy that they [Microsoft] dropped Aero Glass altogether for Windows 8. I'm not a huge fan of all that transparency everywhere, it hinders usability with little aesthetic gain (imo).
-
Beautiful skin! The best!
However, I found the lack of - DSP button does not light up when properly configured sound output.
I apologize for the bad english.
-
Ah, I see what you mean. Noire's DSP button turns blue during playback when configured correctly.
-
Beautiful skin! The best!
However, I found the lack of - DSP button does not light up when properly configured sound output.
I apologize for the bad english.
Thanks for reporting, I'll have a fix up shortly :)
-
Yeah, let me know how to fix it too please so I can update the modded skins. :P
-
Thank you guys! I will wait for the update :)
-
Ok, all the skin versions have now been updated, just download from the original link again. Note that I haven't tested it as the machine I'm on right now doesn't have a direct audio path, but I'm quite certain it should now work :)
Yeah, let me know how to fix it too please so I can update the modded skins. :P
Just download my original skin again, and overwrite your existing file(s) PlayerBar_DSPDirectButton.png.
-
Excellent, Dirhael! Promptly! Is perfect! It works!
Now with two other icons that are near, we would like to do the same thing - they also need to lighten up when active, as in the original skin.
Thank you very much!
-
Yeah, you're right. The repeat and shuffle icons will need the same treatment. Also is it just me or is it hard to see the DSP direct button on the lighter skin? It should be, I don't know, a little brighter color like the progress bar blue?
Modded skins are updated too. :)
-
Also is it just me or is it hard to see the DSP direct button on the lighter skin? It should be, I don't know, a little brighter color like the progress bar blue?
That is exactly what I see! I would have suggested the same thing. exactly! :)
The ideal color is like a line indicating the playback.
-
Excellent, Dirhael! Promptly! Is perfect! It works!
Now with two other icons that are near, we would like to do the same thing - they also need to lighten up when active, as in the original skin.
Thank you very much!
I'll have a look at the rest of the buttons later tonight or sometime tomorrow :)
Also is it just me or is it hard to see the DSP direct button on the lighter skin?
No, it's not just you. I'll brighten it up a bit in the next update :)
-
I'll have a look at the rest of the buttons later tonight or sometime tomorrow :)
Thank you, Dirhael!
-
Ok, so now I've updated the "active" state color for the playerbar buttons (the color differs between the different versions of the skins). Just download again from the original post to get the new version :)
-
It very Beautiful skin!
Thank you.
-
It very Beautiful skin!
Thank you.
You're very welcome, glad to hear you like it! :)
-
Excellent!
Thank you, Dirhael!
Perhaps I'll use the icons from white theme :)
-
Excellent!
Thank you, Dirhael!
Perhaps I'll use the icons from white theme :)
If you want to do that, here's a list of the files you'll need to copy from the white version and overwrite in the one you're using:
PlayerBar_ContButton.png
PlayerBar_ContSongButton.png
PlayerBar_DSPDirectButton.png
PlayerBar_ShButton.png
-
If you want to do that, here's a list of the files you'll need to copy from the white version and overwrite in the one you're using:
PlayerBar_ContButton.png
PlayerBar_ContSongButton.png
PlayerBar_DSPDirectButton.png
PlayerBar_ShButton.png
Icons of white skin have a white halo around them, so that they look ugly on dark skin.
In short, I repainted these icons as considered necessary for yourself :)
I also replaced the arrow icon for Play List icon rounded arrows - so intuitive, I think.
If there is interest, then all the images attached to the post.
-
If there is interest, then all the images attached to the post.
and the last picture
-
Icons of white skin have a white halo around them, so that they look ugly on dark skin.
In short, I repainted these icons as considered necessary for yourself :)
I also replaced the arrow icon for Play List icon rounded arrows - so intuitive, I think.
If there is interest, then all the images attached to the post.
Ah, yes. Forgot about that, that's something that remains from another of my skins (the "Brighter Days" one, which uses the same icons). I'll remove the glow in another update, it's really just a matter of hitting a toggle in Photoshop. Good to see you made it work for yourself anyway :)
-
Thanks to kode54 pointing me in the right direction, I was able to rip the source stoplight button resources from Yosemite and I've been able to make proper and perfect stoplight buttons for Modern Cards. While the ones the skin is currently using isn't too far off (there is some color differences) I think using the actual icons might be better.
Files attached to this post.
-
Thank you for your skin Dirhael. By far my favourite one !
-
Yep ! simple, but gorgeous !
-
Thank you for your skin Dirhael. By far my favourite one !
Yep ! simple, but gorgeous !
Thank you both, happy to hear you like it :) I really appreciate your comments!
-
Thanks for the great looking skin! It makes a very nice flat & modern addition to the somewhat thin collection for MC. I enjoy playing with the "add color" control when I feel like toning it down a little bit for evening, etc.
Happy Holidays & Don't Stop Now!!
William
-
I modify your skin combine with Black on Black skin.
For who like both skin.
Optional: copy OptionsTree.png to "c:\Program Files (x86)\J River\Media Center 20\Data\Custom Art" for white mark in option
Note: If want text note at top of playlist view is white replace "808080" with "FFFFFF" in main.xml file.
-
I modify your skin combine with Black on Black skin.
For who like both skin.
Perfect! :P
-
Haven't really had time to do anything with the skin as of late, but as I haven't received bug reports in a while then perhaps there's no need. I may do more with it (or perhaps start a new project) during the coming year though :)
If anyone's interested, I uploaded a couple of my old skins today. I have posted one of them before, I've just tweaked a couple of the colors as requested here and over at DeviantArt. The other one I haven't been shared anywhere until now, as it was the very first one I ever did for JRiver Media Center. I tested it in the latest version, and it appears to work fine. Neither of them have received the polish of my "Modern Cards" skin, but they do work just fine all the same :)
If you want to check them out, you can find them here: https://defreitas.no/2-older-jriver-skins/
EDIT: Attached screenshots.
-
(or perhaps start a new project) during the coming year though :)
Yes, come on, start a new project ! Can't wait to see your new skin...
-
I modify your skin combine with Black on Black skin.
For who like both skin.
Thanks to Dirhael for the excellent theme, and to you NNTK for your customization! Great work!
-
Agree. Black on Black with Modern Cards is very nice.
The Default Webpage views for Playlists, Drives and Devices etc. default to a background of white. That blasts your eyeballs while you are cruising through this nicely muted theme; also makes my plasma scream (buzz) in overloaded white pain.
I added a Custom Webpage directory under /J River/Media Center 20/Data/ with quick and dirty edits to blacken the default pages. Much quieter now.
Here's the attached zip.
-
Anyone could make a modern card duo with the color tone of the "Purity" skin ?
I like the grey more ;D
-
I had some time today, so I thought I'd redo the lighter Mac Yosemite skin modification based on the last ModernCards update (it's lighter for those who don't use dark mode, like myself). It also has the 1:1 stoplight icons ripped from Yosemite that I posted previously. From what I tested, it should be perfect. Think I should uploading these modifications somewhere, e.g. DeviantArt?
Download: https://www.mediafire.com/?gigq386jbq1a92h
Also, when Windows 10 gets closer to release, I'll be ripping the new icons.
-
Also, when Windows 10 gets closer to release, I'll be ripping the new icons.
I got bored, so I ripped them from the current Windows 10 Technical Preview (10041) build. Here they are: https://www.mediafire.com/?ubo6chpdlc46l6j
-
Ok, so I've started implementing custom buttons for Windows 8.x and Ubuntu so far. Do note that this is not yet finalized, but I'll most likely add it in my next release of the skin.
Windows 8.1:
(https://defreitas.no/dl/moderncards/windows8.png)
Ubuntu:
(https://defreitas.no/dl/moderncards/ubuntu.png)
Very nice Skin! Just downloaded and installed.
However, the flat buttons - did you ever release them? Doesnt seem to be included. I am talking about the blue/green/grey buttons shown on your screenshot. They are not shown in my version, and I couldnt find them anywhere..
Also - would it be difficult to make a complete dark skin of it as well? Something like the Black on Black (which REALLY sucks), or the Albedo?
-
Also - would it be difficult to make a complete dark skin of it as well? Something like the Black on Black (which REALLY sucks), or the Albedo?
This indeed would be awesome even though I wouldn't agree that Black on Black "REALLY sucks".
-
Very nice Skin! Just downloaded and installed.
However, the flat buttons - did you ever release them? Doesnt seem to be included. I am talking about the blue/green/grey buttons shown on your screenshot. They are not shown in my version, and I couldnt find them anywhere..
Also - would it be difficult to make a complete dark skin of it as well? Something like the Black on Black (which REALLY sucks), or the Albedo?
Those buttons are included :) To make use of them, you need to copy the "Data" folder from the *.zip you downloaded and place it directly in your "C:\Program Files (x86)\J River\Media Center 20" folder.
As for a completely dark version of the skin, it wouldn't be all that hard really. It would just take time to make all the changes required in the xml file, update all the relevant graphics and test and tweak until it works properly (the skin engine in MC does have some limitations). I may look at it at some point in the future, but no promises. Mostly it depends on whether or not I can find the time (and if I like how it looks if/when I get around to it).
-
Those buttons are included :) To make use of them, you need to copy the "Data" folder from the *.zip you downloaded and place it directly in your "C:\Program Files (x86)\J River\Media Center 20" folder.
As for a completely dark version of the skin, it wouldn't be all that hard really. It would just take time to make all the changes required in the xml file, update all the relevant graphics and test and tweak until it works properly (the skin engine in MC does have some limitations). I may look at it at some point in the future, but no promises. Mostly it depends on whether or not I can find the time (and if I like how it looks if/when I get around to it).
Yeah, solved the buttons issue by taking out the image files, which were placed by the MetroX skin in the data folder before. Then it worked...
Regarding the dark version: I found a very pragmatic and quick solution for my HTPC, as I don´t want to have a white surface on the 55" TV-screen. I simply inverted the colors under SKIN / SKIN EFFECTS to get the dark solution. I even didn´t have to play with contrast and brightness, it´s perfect enough for my purpose. See screenshot...
Thanks again for this great piece of work!
-
Here's the minimize/maximize/restore/close buttons from Windows 10 Technical Preview Build 10130. I was able to perfectly rip them for use. You'll probably want to recreate them if you need HiDPI versions. :)
http://www.mediafire.com/download/ip7yp4vig9zuk1a/Windows_10_TP_10130_Icons.zip
EDIT: New link, tweaked the close button. Also added skin ready PNG files for dark and light skins - and here's the correct main.xml data;
<Entry Name="CloseButton" Bitmap="Close.png" NumberImages="5" Alignment="2" OffsetX="-3" OffsetY="0" />
<Entry Name="MaximizeButton" Bitmap="Maximize.png" NumberImages="5" Alignment="2" OffsetX="-48" OffsetY="0" />
<Entry Name="RestoreButton" Bitmap="Restore.png" NumberImages="5" Alignment="2" OffsetX="-48" OffsetY="0" />
<Entry Name="MinimizeButton" Bitmap="Minimize.png" NumberImages="5" Alignment="2" OffsetX="-93" OffsetY="0" />
-
I've updated the buttons above, new link posted in the edit!
Also, I ported the icons to Modern Cards and Modern Cards: Duo - assuming Microsoft don't change the buttons, it *should* be Windows 10 ready! :) Just drop these into the main JRiver installation directory with the other skins.
Download: http://www.mediafire.com/download/dp2rtt7uaaq2apn/ModernCardsWindows10.zip
EDIT: I added the custom black ModernCards skin updated for Windows 10, along with some small tweaks and grey icons when using dark skins! :D
-
I love this skin. I just have one issue. On my Mac Mini I'm getting the multicolor buttons on the left hand corner when applying the Yosemite skin, but for the life of me I can't get those colors on my laptop. Both are running Mac version 116. Can anyone help?
edit: I forgot I enabled "greyscale" under Skin Effects. Disabled that, everything's good to go.
-
I had some time today, so I thought I'd redo the lighter Mac Yosemite skin modification based on the last ModernCards update (it's lighter for those who don't use dark mode, like myself). It also has the 1:1 stoplight icons ripped from Yosemite that I posted previously. From what I tested, it should be perfect. Think I should uploading these modifications somewhere, e.g. DeviantArt?
Download: https://www.mediafire.com/?gigq386jbq1a92h
Also, when Windows 10 gets closer to release, I'll be ripping the new icons.
Is it intentional to have toolbar icons that have been added to the bottom toolbar to stay hidden until hovering cursor over them? I kind of like it… :)
-
Is it intentional to have toolbar icons that have been added to the bottom toolbar to stay hidden until hovering cursor over them? I kind of like it… :)
No, it isn't. Looks like the reason for that is the icons added to the bottom toolbar are the same color as the toolbar itself. It looks like this kinda happens in the normal ModernCards Mac skin too, though the icons are barely visible. Adding them to the top toolbar next to the menu items should work correctly.
-
Just wanted to update you all on an upcoming new release of the skin. Summer vacation, and a whole lot of lousy weather means that I now have some spare time to work on it again.
I haven't changed the existing versions, but I'm working on a "special edition". This will finally bring a dark color scheme, and some changes here and there to make it feel more at home in Windows 10.
No screenshots yet as I've just started, but I expect it'll be complete in a week or two at most.
-
Great to hear :) Especially the darker version will be VERY welcome!
I'll try to wait patiently ;)
-
Thumbs up!
-
Great stuff. Looking forward to it
-
About to stop working for the day pretty soon, but thought I'd post a couple of images of where I'm at with the skin right now. Click the images for full-size screenshots.
(https://defreitas.no/dl/mc/mc-dark-small.png) (https://defreitas.no/dl/mc/mc-dark.png)
(https://defreitas.no/dl/mc/mc-dark-albums-small.jpg) (https://defreitas.no/dl/mc/mc-dark-albums.jpg)
There's still work to be done, but it's certainly usable at the moment. Need to update more of the graphics, tweak colors and such, get the options/analyze/convert windows skinned, and more. I'm also thinking I may have to make new icons for the sidebar tree as I don't think the current ones quite fit. There may also be more big changes to how it looks, nothing is set in stone quite yet. Feedback and suggestions based on the screenshots are most welcome :)
-
Excellent. I reckon this should be adopted as the default skin. It's so much more polished than noire.
-
Excellent. I reckon this should be adopted as the default skin. It's so much more polished than noire.
Thanks! It certainly would have been fun to create the default skin for MC, but that's probably something JRiver prefers to do themselves. Would have been really nice to see MC 21 released with a new look though, no matter who did the work :)
-
Looks very nice! :D Is there going to be a 'light' version too?
-
Looks very nice! :D Is there going to be a 'light' version too?
Thanks :) Yeah, I'll make a bright edition for Windows 10 soon-ish, after I'm done with the dark version. I may wait until MC 21 is released though, to see if there are any new skinning features and such, seeing as they're mentioning this in their plans:
APPEARANCE
This is a tough area since people see things so differently, but we're committed to improving the interface.
-
I agree it's really a gorgeous skin. I use it everywhere.
-
And is that Windows 10 titlebar buttons (minimize/maximize/close) buttons I see there? :D MC now supports buttons from multiple versions of an OS for a more native feel if you're using Windows 7, Windows 8.x and Windows 10 (and OS X). :D
-
About to stop working for the day pretty soon, but thought I'd post a couple of images of where I'm at with the skin right now.
Beautiful.
-
Progress update:
- Have updated the playerbar icons (prev, play, next, shuffle, dsp etc. buttons) slightly (new hover color, and tweaked base color).
- Progress- and volume sliders are updated. They now have better contrast and while slimmer the "activation zones" are the same as before.
- All buttons, edit fields, dropdowns have a new look.
- Better contrasting colors used in the list views (such as playing now), for better accessibility.
- Started to do some work on some of the icons.
- The options window, dsp window++ are all now skinned (note: the brighter gray internal window borders you see in the screenshots are not possible to change without overwriting some of the original files shipping with JRiver Media Center. Annoying, but the skin engine is full of inconsistencies such as that. Correction: this is controlled by the list text color. The end result is the same, there's still no way to change this without negatively affecting other parts of the skin).
- Skinned the menus to match the rest of the skin.
- A lot of other small tweaks and changes.
Screenshots (as before, click for full size):
(https://defreitas.no/dl/mc/150801-mc-dark-small.png) (https://defreitas.no/dl/mc/150801-mc-dark.png)
(https://defreitas.no/dl/mc/150801-dsp-studio-small.png) (https://defreitas.no/dl/mc/150801-dsp-studio.png)
(https://defreitas.no/dl/mc/150801-options-small.png) (https://defreitas.no/dl/mc/150801-options.png)
-
So I'm still tweaking, polishing and fixing bugs in the new dark skin. The skin should be very usable by now, but there's still work to be done.
I'm not ready to release a public version just yet, but I'd love it if there were a few people that are interested in helping me test it. If you're interested, please reply in this topic with what version of JRiver Media Center you're using, and on what operating system.
I'm looking for feedback on what works, what doesn't, bugs, usability/accessibility etc.
-
I'll test it. I'm currently using MC 20 but I'll upgrade to MC 21 once it's available. Also using Windows 10 Pro 64-bit but I can also test it on Mac and Ubuntu tomorrow (hopefully).
-
I'll test it. I'm currently using MC 20 but I'll upgrade to MC 21 once it's available. Also using Windows 10 Pro 64-bit but I can also test it on Mac and Ubuntu tomorrow (hopefully).
Great, thank you :) I'll PM you a download link right away!
-
Beginning testing now! It really looks great. :)
-
Beginning testing now! It really looks great. :)
Happy to hear you like it :) If everything works as it should for you, then I don't think a first public release is that far off now. Really curious to hear how it works on Linux and OSX for you, as I don't currently have access to such systems to test on.
-
Only looking at the Screenshots - it Looks Great. :) ;D can't wait to have it 8)
-
Thus far I haven't noticed any issues - the skin also works great in Mac and Linux. And the skin works with MC 21 too! :D
-
So I'm still tweaking, polishing and fixing bugs in the new dark skin. The skin should be very usable by now, but there's still work to be done.
I'm not ready to release a public version just yet, but I'd love it if there were a few people that are interested in helping me test it. If you're interested, please reply in this topic with what version of JRiver Media Center you're using, and on what operating system.
I'm looking for feedback on what works, what doesn't, bugs, usability/accessibility etc.
As a fan of your skin, I'd be happy to test. Running MC 20.0.132 on Windows 10 Pro, 64bit. Fast Insider ring with today's cumulative update installed.
-
So I'm still tweaking, polishing and fixing bugs in the new dark skin. The skin should be very usable by now, but there's still work to be done.
I'm not ready to release a public version just yet, but I'd love it if there were a few people that are interested in helping me test it. If you're interested, please reply in this topic with what version of JRiver Media Center you're using, and on what operating system.
I'm looking for feedback on what works, what doesn't, bugs, usability/accessibility etc.
im down baby! windows 8.1 x64 MC 20.0.132
-
This looks really, REALLY great!
If I had the time I'd LOVE to do some testing for you, but unfortunately: I don't have much spare time right now. Right now I like MetroX best (I did a dark version of MetroX for my personal use), but it could be about to change.
Will you have a stop button included with your skin? The biggest miss for me with the original MetroX.
(Bonus question: is it possible to make the progress bar less thin? For standard usage I like the thin bar but it would be great for dancing lessons to have much bigger bar. Would be more visible while standing in the middle of the floor :))
-
There's a stop button present already, and it looks great. :)
-
im down baby! windows 8.1 x64 MC 20.0.132
As a fan of your skin, I'd be happy to test. Running MC 20.0.132 on Windows 10 Pro, 64bit. Fast Insider ring with today's cumulative update installed.
I sent you both a message with a download link :)
This looks really, REALLY great!
If I had the time I'd LOVE to do some testing for you, but unfortunately: I don't have much spare time right now. Right now I like MetroX best (I did a dark version of MetroX for my personal use), but it could be about to change.
Will you have a stop button included with your skin? The biggest miss for me with the original MetroX.
(Bonus question: is it possible to make the progress bar less thin? For standard usage I like the thin bar but it would be great for dancing lessons to have much bigger bar. Would be more visible while standing in the middle of the floor :))
As Awesome Donkey replied above, it does have a stop button included. As for making the progess bar less thin? It's an easy enough change to make, so I may just include customized images with bigger bars, for use with HTPC's and such :) If there's no major issues reported from the testers within the next few days, I expect to release the first version of the skin before the end of this weekend.
-
No issues here at all.
-
I sent you both a message with a download link :)
As Awesome Donkey replied above, it does have a stop button included. As for making the progess bar less thin? It's an easy enough change to make, so I may just include customized images with bigger bars, for use with HTPC's and such :) If there's no major issues reported from the testers within the next few days, I expect to release the first version of the skin before the end of this weekend.
Thanks! The Windows 10 (Dark) version looks great and matches the new taskbar and Cortanta contrast color perfectly. I would second the request for a larger progress/seek bar. Currently it's a bit too tiny for use on my Surface.
Also- and this may spoil the look so I am unsure of it myself- but is it possible to have a very slight contrast between alternating rows in list view? It's kind of anti-modern I suppose but for those big playlists it might be nice.
-
[...] but is it possible to have a very slight contrast between alternating rows in list view? It's kind of anti-modern I suppose but for those big playlists it might be nice.
Was thinking about asking just the same :) But also thought it would disturb the look of the skin to much.
BTW: I always thought the best way to make it easy to follow (long) rows is to highlight every fourth. This helps much more than the most used highlighting of every second row, especially for long rows like in MC. And it would be less disturbing (and less anti-modern).
-
Thanks! The Windows 10 (Dark) version looks great and matches the new taskbar and Cortanta contrast color perfectly. I would second the request for a larger progress/seek bar. Currently it's a bit too tiny for use on my Surface.
Also- and this may spoil the look so I am unsure of it myself- but is it possible to have a very slight contrast between alternating rows in list view? It's kind of anti-modern I suppose but for those big playlists it might be nice.
Was thinking about asking just the same :) But also thought it would disturb the look of the skin to much.
BTW: I always thought the best way to make it easy to follow (long) rows is to highlight every fourth. This helps much more than the most used highlighting of every second row, especially for long rows like in MC. And it would be less disturbing (and less anti-modern).
I've changed the height of the volume- and progressbar sliders to be 3px vs. the 1px I used in the beta I sent you (the hitbox is, as before, much larger though). As for zebra striping in lists, I've not decided if I want to change that or not. I never much liked that myself as I think it makes for some visual "clutter". On the other hand, it does help usability ever so slightly. Changing every 4th row is not possible with the skinning engine, it's either every other row or nothing basically. What I may end up doing at some point is coding a small customization utility for the skin, so that everyone can easily decide for themselves what they want. The problem with this, aside from the fact that it'll take time to create the utility itself is that it'll only work on Windows. I just don't know enough about coding to do it for any other platform...
-
I've changed the height of the volume- and progressbar sliders to be 3px vs. the 1px I used in the beta I sent you (the hitbox is, as before, much larger though). As for zebra striping in lists, I've not decided if I want to change that or not. I never much liked that myself as I think it makes for some visual "clutter". On the other hand, it does help usability ever so slightly. Changing every 4th row is not possible with the skinning engine, it's either every other row or nothing basically. What I may end up doing at some point is coding a small customization utility for the skin, so that everyone can easily decide for themselves what they want. The problem with this, aside from the fact that it'll take time to create the utility itself is that it'll only work on Windows. I just don't know enough about coding to do it for any other platform...
The zebra stripes aren't that worth the extra work, imo. I'd probably only turn it on for the bigger lists and leave it off otherwise for the reasons already mentioned. It was just a passing thought.
-
MC supports the "zebra stripes" in the skin. You can see it by turning on or off "Show gridlines" under options for Tree & View. I believe you would need to provide specific support in the skin itself.
-
MC supports the "zebra stripes" in the skin. You can see it by turning on or off "Show gridlines" under options for Tree & View. I believe you would need to provide specific support in the skin itself.
Thank you Jim! I didn't realize there was an option to toggle this in the GUI, so I previously disabled it manually in the skin main.xml. Support for zebra stripes is now implemented :)
-
I didn't remember that option neither. MC so often is more powerful as one thinks. Useful hint and good addition :)
-
If you still need some more test subjects, I'd love to try it on my desktop with Windows 10 or my Surface Pro 3 with 8.1 (both 64-bit).
-
If you still need some more test subjects, I'd love to try it on my desktop with Windows 10 or my Surface Pro 3 with 8.1 (both 64-bit).
Thank you for offering to test, but there's no need. I'll be releasing the first version of the skin before the end of the day :)
-
So I've now released the dark edition of my skin. See the first post of the topic for a screenshot and download link :)
-
Nice! Can't wait for the light version. :D
-
I'm seeing some strange effects on the volume bar (there appear to be two one on top of the other) with MC 20 on Windows 10. It seems to affect both the new skin and the older Modern Cards skins as well. I've attached an image:
I have no issues on my win 8.1 and/or Linux machines.
-
I'm seeing some strange effects on the volume bar (there appear to be two one on top of the other) with MC 20 on Windows 10. It seems to affect both the new skin and the older Modern Cards skins as well. I've attached an image:
I have no issues on my win 8.1 and/or Linux machines.
You're using scaling in Windows 10? I'll see if there's something I can do about it. It doesn't happen with the progress slider? If not, then I think I know how to deal with this...
-
You're using scaling in Windows 10? I'll see if there's something I can do about it. It doesn't happen with the progress slider? If not, then I think I know how to deal with this...
Yes I'm using scaling (150%). It doesn't seem to affect the progress slider at all.
-
Yes I'm using scaling (150%). It doesn't seem to affect the progress slider at all.
Could you try extracting "main.xml" from the attached archive, and replace the existing one in the skin folder?
-
That fixed it, great stuff!
-
That fixed it, great stuff!
Great! Thank you for reporting the problem :) I'll update the version over at DeviantArt with the fix asap.
EDIT: The fix have now been implemented in the version available at DeviantArt.
-
Thanks for a great looking skin! Everything is working well and not a bug in sight around here (Win10 MC21 32" 1920x1024). Your hard work is appreciated :D
William
-
Thanks for a great looking skin! Everything is working well and not a bug in sight around here (Win10 MC21 32" 1920x1024). Your hard work is appreciated :D
William
Thank you! :) Happy to hear you haven't encountered any bugs so far, hunting them all down is always difficult due to the wide variety of setups out there.
-
Just started implementing support for detecting which version of Windows the skin is being used on, and offering correct windows close/max/min buttons accordingly. This will be included in the next update.
I also see that the skinning engine now allows for separating images served if you're using the scaling function or not. This means that I'll eventually support this functionality in my skin. It will take some time though, as it means I'll have to redraw every single image I've used in the skin, but I think it'll be well worth it in the end :)
-
My question is will the Mac and Ubuntu skins get any updates, e.g. perhaps just updated images? If so, I can post updated 1:1 perfect Mac stoplight (minimize/maximize/restore) images that's scaled to 2X, which I believe is already used in the Noire skin. I believe I can rip 2X minimize/maximize/restore images from Ubuntu, but I'll have to look.
-
Skins currently cannot specify special images for Linux only, sorry!
-
My question is will the Mac and Ubuntu skins get any updates, e.g. perhaps just updated images? If so, I can post updated 1:1 perfect Mac stoplight (minimize/maximize/restore) images that's scaled to 2X, which I believe is already used in the Noire skin. I believe I can rip 2X minimize/maximize/restore images from Ubuntu, but I'll have to look.
I'll include window buttons for OSX in the next update :) As for Linux, for now I'll have to do as I did with the original skin and offer a separate edition of the skin. This is easy enough though, as all it takes is copying all the assets from the skin into a new folder, add the OS-specific window buttons and give it a different name.
At this point, the rest of the skin will otherwise look the same across all platforms, but that will probably change at a later point in time. I want to first offer a good selection of close/max/min/restore buttons across the various operating systems in use, then get started updating the skin for better HiDPI support. When that is done it'll be easier to offer more specific changes for OSX and Linux :)
-
Skins currently cannot specify special images for Linux only, sorry!
No worries, it's easy enough to work around for now. Would be great if this was implemented at some point in the future though, as it would make it possible to properly support all operating systems that MC runs on with a single skin :)
-
Skins currently cannot specify special images for Linux only, sorry!
Yep, perfectly aware of that but I might have an idea where it easily can be done. Instead of trying to detect the distro itself, wouldn't it better to detect the desktop environment being used? This can be done by running the following command;
echo $XDG_CURRENT_DESKTOP
I know Ubuntu returns Unity and I'll have to check Debian 8.1 and Linux Mint 17.2 - Debian will probably return with GNOME/Xfce/KDE/LXDE/etc. and Linux Mint would probably return with Cinnamon or MATE.
-
Yep, perfectly aware of that but I might have an idea where it easily can be done. Instead of trying to detect the distro itself, wouldn't it better to detect the desktop environment being used? This can be done by running the following command;
echo $XDG_CURRENT_DESKTOP
I know Ubuntu returns Unity and I'll have to check Debian 8.1 and Linux Mint 17.2 - Debian will probably return with GNOME/Xfce/KDE/LXDE/etc. and Linux Mint would probably return with Cinnamon or MATE.
This seems like a good idea to me. Even if some random distro should fail to set that variable, a skin would just fall back to the defaults anyway.
By the way, I've just pushed out an update to the skin with support for Windows 8, Windows 10 & OSX Yosemite window buttons :)
-
This seems like a good idea to me. Even if some random distro should fail to set that variable, a skin would just fall back to the defaults anyway.
Yep, and there's some people who use different desktop environments e.g. installing GNOME on Ubuntu (or using Ubuntu GNOME) - detecting the distro wouldn't tell MC which buttons to use for example as one could be using a different DE. That way the skin will always match the DE's buttons, if available. ;)
I guess I'll see if I can rip the buttons from Ubuntu (Unity), Debian (GNOME) and Linux Mint (Cinnamon) at the max scale available within the next week. Then I'll rip Xfce and MATE's buttons. :)
EDIT: Found a list of what echo $XDG_CURRENT_DESKTOP can return (http://askubuntu.com/questions/72549/how-to-determine-which-window-manager-is-running) - also found it should be used with echo $DESKTOP_SESSION you can gather which session is used (which is needed to detect KDE, apparently);
KDE:
XDG_CURRENT_DESKTOP=
GDMSESSION=kde-plasma
Unity 3d:
XDG_CURRENT_DESKTOP=Unity
GDMSESSION=ubuntu
Unity 2d:
XDG_CURRENT_DESKTOP=Unity
GDMSESSION=ubuntu-2d
Gnome:
XDG_CURRENT_DESKTOP=GNOME
GDMSESSION=gnome-shell
Gnome Classic:
XDG_CURRENT_DESKTOP=GNOME
GDMSESSION=gnome-classic
Gnome Classic (no effects):
XDG_CURRENT_DESKTOP=GNOME
GDMSESSION=gnome-fallback
Unity running with Mir:
XDG_CURRENT_DESKTOP=Unity
GDMSESSION=ubuntu
Note MIR_SERVER_NAME is also set
MIR_SERVER_NAME=session-$NUMBER
Unity running without Mir:
XDG_CURRENT_DESKTOP=Unity
GDMSESSION=ubuntu
XFCE:
XDG_CURRENT_DESKTOP=XFCE
GDMSESSION=xfce
-
I can confirm that Arch returns whatever desktop I'm using at the moment (e.g. Gnome or XFCE4), etc. So that variable looks like a good way to suss it out.
-
I probably should post this as a request in the Linux section and quit derailing this topic. :P
-
Be aware that the "Plattform" tag - the thing where you can pick different images for different OS - is only working for MC 20.
I've tested it recently on MC 19 and Jukebox with the result that neither of the images will work.
Also I've noticed a tiny bug in Windows 10.
The minimize icon in the frames is on the wrong place. You can see it in the DSP Window.
What also can be improved is maybe the ListButtons. For me they are too tiny and hard to click at.
Also, on the first view there could be a slightly visible border around the MainWindow. Yes it looks more tidy without, but a border would fit better to Windows 10.
I really like the well implemented SplitViewTab and the unique scrollbars / sliders.
Well done :)
-
Be aware that the "Plattform" tag - the thing where you can pick different images for different OS - is only working for MC 20.
I've tested it recently on MC 19 and Jukebox with the result that neither of the images will work.
Also I've noticed a tiny bug in Windows 10.
The minimize icon in the frames is on the wrong place. You can see it in the DSP Window.
What also can be improved is maybe the ListButtons. For me they are too tiny and hard to click at.
Also, on the first view there could be a slightly visible border around the MainWindow. Yes it looks more tidy without, but a border would fit better to Windows 10.
I really like the well implemented SplitViewTab and the unique scrollbars / sliders.
Well done :)
Thank you! I think that bug with the misplaced minimize icon sneaked in when I updated the skin to support the various window buttons. I'll be fixed when I upload the next version :)
Yeah, I don't like having to exclude the earlier releases of MC either (I think the OS detection was added in 20.0.118). On the other hand, doing things this way simplifies the workflow immensely. I may eventually end up separating out a select few editions of the skin and releasing them separately for those using old MC versions.
As for the ListButton, I do agree that it's a bit hard to hit. I'll see if I can't increase the size of the hitbox without actually increasing the size of the icon itself. If that doesn't work, I'll increase the icon size a bit for the next update.
I considered adding a border around the window, but ended up deciding against it in the end. My reasoning is that MC doesn't support hiding it while the window is maximized, and as I primarily use MC this way it ended up annoying me a bit. Then there's the thing where the border colour actually changes in Windows 10 if you change colour in the personalization settings, but on MC it would always end up having the colour I chose.
-
Ok, so work is progressing well on getting the skin ready for HiDPI/Retina scaling and such. A lot of the skin elements that absolutely needs to be redone in a higher resolution are completed. I'm now mostly working on creating hires icons. In the end I decided that Photoshop wasn't the best tool for this, as it would make scaling icons up/down in the future a hassle. So now I'm attempting to learn how to use Adobe Illustrator (Lynda.com's courses helps a lot). Completing this will take a whole lot of time (there are about 137 icons, in addition to those used in the action window. No way I'm replacing all of them in the near future...if ever). I'm keeping to the style I have in the released version of the skin, but they are getting a little hint of a material design look:
(https://defreitas.no/dl/mc/icons-clip.png)
(these are just those under "playing now" in the sidebar. All icons are subject to change)
-
Here's a screenshot of the next version of my skin. I've mostly redone the relevant graphical elements to support the scaling functionality in MC. There's also some bugfixes and such, and I've redone the play/prev/next/stop/pause buttons in a Windows 10 style. I also did the same with the shuffle/repeat/dsp buttons. When I do release this version I'll really need some feedback from those of you that have HiDPI/retina displays, and use the scaling function in MC on how it works. I have very limited options for testing this myself, especially on Mac and Linux.
(https://defreitas.no/dl/moderncardsdark/mc-dark-preview.jpg) (https://defreitas.no/dl/moderncardsdark/mc-dark-full.png)
(Click for full)
-
I like the new buttons!
I run at a high res (QHD), but don't believe it counts as retina.
-
I like the new buttons!
I run at a high res (QHD), but don't believe it counts as retina.
That's what I'm using as well (along with a lower-res 1920x1200 one mostly dedicated to running MC). For the most part a 1440p monitor does everything I need, but it would have been great to have a 4k one to test on, seeing as there are more and more people use these kind of resolutions now. When I can afford it I think I'll have to consider upgrading, as it's hard to design and test for something you don't have available yourself.
-
Anyone know on what line of the Main.xml i can change the color in the picture below?
the inactive window turn into light gray, i would like to make it blend in, but i can't find the line to change the color.
Thanks ;D
(http://i.imgur.com/IVkYYxt.jpg)
-
<VIEWHEADER>
<Colors HeaderBackground="171717" HeaderText="909090" HeaderHotText="FFFFFF" ActiveTabText="c8c8c8" Background="2b2b2b" Text="909090" />
</VIEWHEADER>
This effect to text color at top of Playlist view too.
-
Finally got the updated version of the Dark Ed. ready for release. See the first post of the thread for a download link and a preview image :)
Here's some of the changes since the last version I released:
* Support for skin scaling in MC. A whole bunch of graphic files were updated and re-done to enable this, and while there are a few left that needs some work this release should be very usable.
* Several bug-fixes (misaligned window buttons, and others).
* New playerbar button style (play, next, prev etc.) to better match Windows 10.
* Updated sidebar/tree icon style. Many of them will look similar to the old ones, but they all needed to be updated to work with the scaling function.
-
nice update. Thanks!
-
Looks great, Dirhael.
I like the playerbar buttons a lot.
The only thing that I noticed when using scaling is that the 'refresh' icon got cut off at larger sizes. The tab bar height doesn't 'grow' enough to accommodate it. I don't really use scaling much, so not an issue for me. Just thought I'd mention it.
Thanks, again, for a great looking skin!
-
Looks great, Dirhael.
I like the playerbar buttons a lot.
The only thing that I noticed when using scaling is that the 'refresh' icon got cut off at larger sizes. The tab bar height doesn't 'grow' enough to accommodate it. I don't really use scaling much, so not an issue for me. Just thought I'd mention it.
Thanks, again, for a great looking skin!
There's not really any way to solve that in the skin itself (it happens in the default skins as well, it's just more noticeable with the larger refresh icon I'm using), you'll have to set a larger font size in Options -> Tree & View -> Select font to have it look "just right".
-
Looks great! :)
Can't wait for the light version of the skin. :D
-
Looks great! :)
Can't wait for the light version of the skin. :D
Thanks! I'll try to get started with the light version sometime during this weekend. Have been a lot to do at work and such lately, so haven't had the time or energy to work on personal projects when I get home. This weekend will be a bit longer than usual though, so perhaps... :)
-
<VIEWHEADER>
<Colors HeaderBackground="171717" HeaderText="909090" HeaderHotText="FFFFFF" ActiveTabText="c8c8c8" Background="2b2b2b" Text="909090" />
</VIEWHEADER>
This effect to text color at top of Playlist view too.
Thanks ;D
-
Hey,
first of all big thanks to Dirhael for this beautiful skin and your work to constantly improve it.
I really like the fact it just keep looking elegant if colors are inverted, which is my office-setting for jriver (with a touch less contrast+brightnes in settings)
Sometimes I would prefer to make the standart-view even smaller which is possible with Noire for example. Any ideas? I haven't yet found a workaround.
my specs: win10, jrmc21, 2560x1440 27", win scaling 125% (sometimes 1920x1080 because some audio software fails with scaling 3rd party plugins)
kind regards
fforet
-
Thanks! I'll try to get started with the light version sometime during this weekend. Have been a lot to do at work and such lately, so haven't had the time or energy to work on personal projects when I get home. This weekend will be a bit longer than usual though, so perhaps... :)
Since this topic was bumped, how's progress (if any)? :D
-
Congrats on the great JR skin, great looking skin.
have a small bug report... i use windows 10 and set display/text scaling to 150% in windows display options, as i use big screen TV. only problem with that is modern cards X close button disappears, but is there with other jriver skins. To make X close button reappear, have to set skin size to 50% in JR, or back to 100% scaling in windows 10 settings.
-
... attached jpg for above post.
-
There have been recent changes to JRiver's skinning engine which goofed up the button placement on third party skins. It's not just the main window, sub windows are spawned without x's or without window controls at all too. Hopefully this will get fixed as this is my favorite skin!
-
I think these two skins are amazing. Something like that should ship as default with MC. This is the first time I can say that my library looks good.
I hope you will continue your great work and I hope we will see a Theater View skin as well.
-
There have been recent changes to JRiver's skinning engine which goofed up the button placement on third party skins. It's not just the main window, sub windows are spawned without x's or without window controls at all too. Hopefully this will get fixed as this is my favorite skin!
likewise, hope it gets fixed, is a great skin
-
There have been recent changes to JRiver's skinning engine which goofed up the button placement on third party skins. It's not just the main window, sub windows are spawned without x's or without window controls at all too. Hopefully this will get fixed as this is my favorite skin!
Which window(s)? I'm still using a custom fork of the skins from last year, however I've recently updated the skins to account for the multiple OS support (including Linux now). So far windows are looking fine for me (about window, DSP studio, playback options, options, etc.).
-
Which window(s)? I'm still using a custom fork of the skins from last year, however I've recently updated the skins to account for the multiple OS support (including Linux now). So far windows are looking fine for me (about window, DSP studio, playback options, options, etc.).
happens when Windows 10 text/display scaling, under Windows display properties, is set to larger than 100%. all JRiver windows the x disappears using modern cards black, but not with other skins.
-
happens when Windows 10 text/display scaling, under Windows display properties, is set to larger than 100%. all JRiver windows the x disappears using modern cards black, but not with other skins.
Also happens when upping the scaling within MC for the latest version of the dark skin - even 110% does it.
-
Which window(s)? I'm still using a custom fork of the skins from last year, however I've recently updated the skins to account for the multiple OS support (including Linux now). So far windows are looking fine for me (about window, DSP studio, playback options, options, etc.).
It happens to me with all the windows if any kind of scaling is applied.
-
It happens to me with all the windows if any kind of scaling is applied.
Thought so, since my custom skins are using the older version from a year ago as a base (pre-scaling support), it's a non-issue.
-
Is there anything specific that needs to be done to get this to work on Ubuntu 15.10? I installed the folders into the correct places but the skin does not show up in the the View => Skin menu.
-
Which folder(s) did you place the skin?
-
Never mind I put the files in usr\lib\jriver instead of Home\.jriver :P
-
There have been recent changes to JRiver's skinning engine which goofed up the button placement on third party skins. It's not just the main window, sub windows are spawned without x's or without window controls at all too. Hopefully this will get fixed as this is my favorite skin!
Sorry it took so long for me to reply, real life worries kept me away from the forum and skinning for a while :-[
I've looked into the problem, and fixed it. I'll upload a new version later this evening. For those of you interested, here's a diff of what needed changing:
diff --git a/Skins/Standard View/ModernCards Dark/main.xml b/Skins/Standard View/ModernCards Dark/main.xml
index ddfefe9..1465e36 100644
--- a/Skins/Standard View/ModernCards Dark/main.xml
+++ b/Skins/Standard View/ModernCards Dark/main.xml
@@ -22,10 +22,10 @@
<EntryGroup Name="CloseButton">
<Entry Platform="Windows" Bitmap="Close.png" NumberImages="5" Alignment="2" OffsetX="-1" OffsetY="1" />
- <Entry Platform="Windows" Scale="2" Bitmap="Close-2x.png" NumberImages="5" Alignment="2" OffsetX="43" OffsetY="1" />
+ <Entry Platform="Windows" Scale="2" Bitmap="Close-2x.png" NumberImages="5" Alignment="2" OffsetX="-1" OffsetY="1" />
<Entry Platform="Windows" PlatformVersion="6.2-6.3" Bitmap="Close-win8.png" NumberImages="5" Alignment="2" OffsetX="-3" OffsetY="0" />
- <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Close-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="43" OffsetY="0" />
+ <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Close-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="-3" OffsetY="0" />
<Entry Platform="Mac" Bitmap="Close-osx.png" NumberImages="5" Alignment="0" OffsetX="7" OffsetY="6" />
<Entry Platform="Mac" Scale="2" Bitmap="Close-osx-2x.png" NumberImages="5" Alignment="0" OffsetX="7" OffsetY="6" />
@@ -33,10 +33,10 @@
<EntryGroup Name="MaximizeButton">
<Entry Platform="Windows" Bitmap="Maximize.png" NumberImages="5" Alignment="2" OffsetX="-46" OffsetY="1" />
- <Entry Platform="Windows" Scale="2" Bitmap="Maximize-2x.png" NumberImages="5" Alignment="2" OffsetX="-2" OffsetY="1" />
+ <Entry Platform="Windows" Scale="2" Bitmap="Maximize-2x.png" NumberImages="5" Alignment="2" OffsetX="-46" OffsetY="1" />
<Entry Platform="Windows" PlatformVersion="6.2-6.3" Bitmap="Maximize-win8.png" NumberImages="5" Alignment="2" OffsetX="-49" OffsetY="0" />
- <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Maximize-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="-23" OffsetY="0" />
+ <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Maximize-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="-49" OffsetY="0" />
<Entry Platform="Mac" Bitmap="Maximize-Restore-osx.png" NumberImages="5" Alignment="0" OffsetX="45" OffsetY="6" />
<Entry Platform="Mac" Scale="2" Bitmap="Maximize-Restore-osx-2x.png" NumberImages="5" Alignment="0" OffsetX="45" OffsetY="6" />
@@ -44,10 +44,10 @@
<EntryGroup Name="RestoreButton">
<Entry Platform="Windows" Bitmap="Restore.png" NumberImages="5" Alignment="2" OffsetX="-46" OffsetY="1" />
- <Entry Platform="Windows" Scale="2" Bitmap="Restore-2x.png" NumberImages="5" Alignment="2" OffsetX="-2" OffsetY="1" />
+ <Entry Platform="Windows" Scale="2" Bitmap="Restore-2x.png" NumberImages="5" Alignment="2" OffsetX="-46" OffsetY="1" />
<Entry Platform="Windows" PlatformVersion="6.2-6.3" Bitmap="Restore-win8.png" NumberImages="5" Alignment="2" OffsetX="-49" OffsetY="0" />
- <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Restore-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="-23" OffsetY="0" />
+ <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Restore-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="-49" OffsetY="0" />
<Entry Platform="Mac" Bitmap="Maximize-Restore-osx.png" NumberImages="5" Alignment="0" OffsetX="45" OffsetY="6" />
<Entry Platform="Mac" Scale="2" Bitmap="Maximize-Restore-osx-2x.png" NumberImages="5" Alignment="0" OffsetX="45" OffsetY="6" />
@@ -55,10 +55,10 @@
<EntryGroup Name="MinimizeButton">
<Entry Platform="Windows" Bitmap="Minimize.png" NumberImages="5" Alignment="2" OffsetX="-91" OffsetY="1" />
- <Entry Platform="Windows" Scale="2" Bitmap="Minimize-2x.png" NumberImages="5" Alignment="2" OffsetX="-47" OffsetY="1" />
+ <Entry Platform="Windows" Scale="2" Bitmap="Minimize-2x.png" NumberImages="5" Alignment="2" OffsetX="-91" OffsetY="1" />
<Entry Platform="Windows" PlatformVersion="6.2-6.3" Bitmap="Minimize-win8.png" NumberImages="5" Alignment="2" OffsetX="-75" OffsetY="0" />
- <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Minimize-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="-48" OffsetY="0" />
+ <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Minimize-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="-75" OffsetY="0" />
<Entry Platform="Mac" Bitmap="Minimize-osx.png" NumberImages="5" Alignment="0" OffsetX="26" OffsetY="6" />
<Entry Platform="Mac" Scale="2" Bitmap="Minimize-osx-2x.png" NumberImages="5" Alignment="0" OffsetX="26" OffsetY="6" />
@@ -283,40 +283,40 @@
<EntryGroup Name="CloseButton">
<Entry Platform="Windows" Bitmap="Close.png" NumberImages="5" Alignment="2" OffsetX="-3" OffsetY="1" />
- <Entry Platform="Windows" Scale="2" Bitmap="Close-2x.png" NumberImages="5" Alignment="2" OffsetX="44" OffsetY="1" />
+ <Entry Platform="Windows" Scale="2" Bitmap="Close-2x.png" NumberImages="5" Alignment="2" OffsetX="-3" OffsetY="1" />
<Entry Platform="Windows" PlatformVersion="6.2-6.3" Bitmap="Close-win8.png" NumberImages="5" Alignment="2" OffsetX="-3" OffsetY="0" />
- <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Close-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="44" OffsetY="0" />
+ <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Close-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="-3" OffsetY="0" />
<Entry Platform="Mac" Bitmap="Close-osx.png" NumberImages="5" Alignment="0" OffsetX="7" OffsetY="6" />
</EntryGroup>
<EntryGroup Name="MaximizeButton">
<Entry Platform="Windows" Bitmap="Maximize.png" NumberImages="5" Alignment="2" OffsetX="-49" OffsetY="1" />
- <Entry Platform="Windows" Scale="2" Bitmap="Maximize-2x.png" NumberImages="5" Alignment="2" OffsetX="-1" OffsetY="1" />
+ <Entry Platform="Windows" Scale="2" Bitmap="Maximize-2x.png" NumberImages="5" Alignment="2" OffsetX="-49" OffsetY="1" />
<Entry Platform="Windows" PlatformVersion="6.2-6.3" Bitmap="Maximize-win8.png" NumberImages="5" Alignment="2" OffsetX="-49" OffsetY="0" />
- <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Maximize-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="-22" OffsetY="0" />
+ <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Maximize-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="-49" OffsetY="0" />
<Entry Platform="Mac" Bitmap="Maximize-Restore-osx.png" NumberImages="5" Alignment="0" OffsetX="45" OffsetY="6" />
</EntryGroup>
<EntryGroup Name="RestoreButton">
<Entry Platform="Windows" Bitmap="Restore.png" NumberImages="5" Alignment="2" OffsetX="-49" OffsetY="1" />
- <Entry Platform="Windows" Scale="2" Bitmap="Restore-2x.png" NumberImages="5" Alignment="2" OffsetX="-1" OffsetY="1" />
+ <Entry Platform="Windows" Scale="2" Bitmap="Restore-2x.png" NumberImages="5" Alignment="2" OffsetX="-49" OffsetY="1" />
<Entry Platform="Windows" PlatformVersion="6.2-6.3" Bitmap="Restore-win8.png" NumberImages="5" Alignment="2" OffsetX="-49" OffsetY="0" />
- <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Restore-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="-22" OffsetY="0" />
+ <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Restore-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="-49" OffsetY="0" />
<Entry Platform="Mac" Bitmap="Maximize-Restore-osx.png" NumberImages="5" Alignment="0" OffsetX="45" OffsetY="6" />
</EntryGroup>
<EntryGroup Name="MinimizeButton">
<Entry Platform="Windows" Bitmap="Minimize.png" NumberImages="5" Alignment="2" OffsetX="-94" OffsetY="1" />
- <Entry Platform="Windows" Scale="2" Bitmap="Minimize-2x.png" NumberImages="5" Alignment="2" OffsetX="-46" OffsetY="1" />
+ <Entry Platform="Windows" Scale="2" Bitmap="Minimize-2x.png" NumberImages="5" Alignment="2" OffsetX="-94" OffsetY="1" />
<Entry Platform="Windows" PlatformVersion="6.2-6.3" Bitmap="Minimize-win8.png" NumberImages="5" Alignment="2" OffsetX="-75" OffsetY="0" />
- <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Minimize-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="-47" OffsetY="0" />
+ <Entry Platform="Windows" Scale="2" PlatformVersion="6.2-6.3" Bitmap="Minimize-win8-2x.png" NumberImages="5" Alignment="2" OffsetX="-75" OffsetY="0" />
<Entry Platform="Mac" Bitmap="Minimize-osx.png" NumberImages="5" Alignment="0" OffsetX="26" OffsetY="6" />
</EntryGroup>
-
Loving the scaling fix! I dealt with it because this was my favorite so far, but the fix is just absolutely fantastic! Thank you!
-
On Kubuntu and other Linux distros there are no buttons for closing, minimizing, or maximizing JRiver while the stock skins have these buttons.
-
On Kubuntu and other Linux distros there are no buttons for closing, minimizing, or maximizing JRiver while the stock skins have these buttons.
This is true, that's why I still use pre-dark Due edition versions of the skin with multi-OS support, including Linux.
-
This is true, that's why I still use pre-dark Due edition versions of the skin with multi-OS support, including Linux.
Funny note: I use Gnome on all my linux boxes, so I'd never noticed the lack of window controls. I just assumed the skin was working as intended with the DE :)
-
On Kubuntu and other Linux distros there are no buttons for closing, minimizing, or maximizing JRiver while the stock skins have these buttons.
Do you get buttons with Black on Black?
-
I've been debating with myself for awhile on whether or not I should release these. Anyways, I still use the pre-scaling support 2014 version of the Modern Cards skins, which I've modified myself for different Linux distro themes. If you don't mind the lack of scaling support but want MC skins which feel more *nix look and feel, well these should be for you!
Some notes about these skins:
- These, obviously, lack scaling support. I don't really have interest in updating the resources for scaling support at this time (also I don't use a high DPI!).
- There's no custom art/resources/webpages included, as I prefer the vanilla MC look. ;) If you want the custom data, find the 2014 skin pack and grab it from there.
- As of right now only Adwaita (aka the default GNOME theme), Cinnamon's Mint-X and the GNOME 3.20 version of Arc Theme available in both light and dark! I might do more as time permits.
- The Arc Theme, which by the way is an amazing theme (https://github.com/horst3180/arc-theme), works best on GNOME 3.20. Earlier GNOME versions likely have the minimize/maximize/restore/close button placement different. I *may* do skins with the button adjustments for 3.16 or 3.18 at some point, I'm not sure.
- There is a buttonless version of the Modern Cards Duo Ubuntu skin. Personally, when I have the window maximized, I don't want to see minimize/maximize/restore/close buttons. ;)
- They DO however support Windows and Mac, in addition to Linux... except the buttonless Ubuntu skin.
- There hasn't been too many modifications to main skin resources, but I do want to make some at some point in the future.
- There's likely skinning issues I haven't noticed. I may or may not fix them, time permitting!
Screenshots:
Adwaita: http://i.imgur.com/kwmIPq8.png
Mint-X: http://i.imgur.com/zObxhP7.png
Arc Theme (Light): http://i.imgur.com/msFqMed.png
Arc Theme (Dark): http://i.imgur.com/XgjvbWa.png
Download: http://www.mediafire.com/download/4aggiic1q0pfng6/ModernCardsLinuxSkins.zip
How to install:
Drag and drop everything from the .zip file into the ~/.jriver/Media Center 21/Skins/Standard View folder. You'll likely have to go to the Home directory, enable hidden folders (CTRL+H) and go from there.
Enjoy!
P.S. I thought about just completely forking these under another name, but decided against it unless Dirhael has no problem with it. Of course he'd be credited regardless. ;)
EDIT: Slight updated, added a light version of the Arc Theme. ;)
-
Now, some modified Mac OS X/macOS-esk type of modified skins.
Some notes about these skins:
- These, obviously, lack scaling and retina support. I don't really have interest in updating the resources for scaling support at this time (also I don't use high DPI!).
- There's no custom art/resources/webpages included, as I prefer the vanilla MC look. ;) If you want the custom data, find the 2014 skin pack and grab it from there.
- There hasn't been too many modifications to main skin resources, but I do want to make some at some point in the future.
- The main updates is to the red/yellow/green spotlight buttons for close/maximize/restore/minimize - they're 1:1 perfect.
- There's likely skinning issues I haven't noticed. I may or may not fix them, time permitting!
Screenshots:
Dark: http://i.imgur.com/WmLsbmA.png
Gray: http://i.imgur.com/rGTCl44.png
Light: http://i.imgur.com/Cx8YZpR.png
Download: http://www.mediafire.com/download/wwyoua2ho00zb90/ModernCardsMacSkins.zip
How to install:
Right click on the Finder icon on the dock, then select Go to Folder... and input ~/Library then press the blue Go button. From there go into the Application Support folder, then the J River folder, then choose the Media Center folder you’re using (Media Center 21 for MC 21, Media Center 22 folder for MC 22, etc.) then go into the Skins folder then the Standard View folder. Finally drag the contents (the three skins folders) inside ModernCardsMacSkins.zip into the Standard View folder. Once they’re there, open Media Center, go to the View menu then select Skin and choose one of the Modern Cards Mac skins!
Enjoy!
-
Thank you, Mr. Awesome.
-
Where I can download fully dark theme without white borders ?
-
Where I can download fully dark theme without white borders ?
http://dirhael.deviantart.com/art/Modern-Cards-Dark-Edition-Update-2016-01-26-552301796
-
http://dirhael.deviantart.com/art/Modern-Cards-Dark-Edition-Update-2016-01-26-552301796
It is valid for Mac 22 version?
-
It is valid for Mac 22 version?
Yes. It works fine in both MC 22 and on the Mac. Even Retina Mode seems to work too.
-
As some of you may have noticed, Modern Cards have now been included with the default installation of Media Center, both the dark edition and a couple of the versions modified by Awesome Donkey :) I haven't had time to work as much with the skins as I'd like lately, but I do have a fully working light version (previously known as the "duo" edition) with retina assets. I haven't posted it here yet, but if you want to grab a copy you can find it over at GitHub using the links at the end of this post.
In the process of making it available for JRiver to include with Media Center, I've made both the dark and light editions of the skin available as open-source (under a Creative Commons Attribution 4.0 license) over on GitHub. This includes both the original Photoshop *.psd's, Illustrator *.ai's and more. Hopefully this should make it easier for anyone who wants to make their own modifications and such.
You can file the git repo's here:
Light version: https://github.com/oyvindas/ModernCardsLight
Dark version: https://github.com/oyvindas/ModernCardsDark
Have fun! :)
-
Thanks very much to both you and Awesome Donkey for allowing us to share your work. It has been very well received.
-
Found some time to start making a new edition of my skin again, this time with a little more color. I wanted something that match the blue color scheme in Windows 10. I'm not done yet, but I'll try completing it within the next few weeks if there's interest in me releasing it?
(https://defreitas.no/dl/moderncards/moderncardswindowsblue.png)
-
Found some time to start making a new edition of my skin again, this time with a little more color. I wanted something that match the blue color scheme in Windows 10. I'm not done yet, but I'll try completing it within the next few weeks if there's interest in me releasing it?
Yes of course, that's looks marvellous! I like your black themed one, but this is prettier
-
Found some time to start making a new edition of my skin again, this time with a little more color. I wanted something that match the blue color scheme in Windows 10. I'm not done yet, but I'll try completing it within the next few weeks if there's interest in me releasing it?
Is it already available?