More > JRiver Media Center 30 for Windows

Skin Icons Discussion

<< < (5/9) > >>

mvandyke:
I got it "working".  It's all based on the skin.  If you use Thunderstorm all works good.  I happen to be using the Modern Cards (Dark, grey or white) and it doesn't work. 

All other ones seem to work OK.

Will take a look at the skin code and see if I can figure out.

markf2748:
@mvandyke - Glad to hear you got it working and thanks for the feedback!  Since I already wrote up a response, I thought I'd post (and perfect) it anyway :) .... I also attach here two simple modern, very direct ClearPlayingNow icons: the first one, which I currently use, has a color plate; the other is filled without a plate.


--- Quote from: mvandyke on October 08, 2022, 03:51:37 pm ---I tried the install process and go the options to work properly but not the other two.  Your images.xml file has images out of order - is that correct?

Will try a couple of other things.  Thanks for the work.
--- End quote ---
I just downloaded the files and tried on a different installation of MC 30 - all worked perfectly using the ThunderStorm skin.

The details:

(1) If not already present, create two custom data folders.  On my installation:
C:/Program Files/J River/Media Center 30/Data/Custom Art
C:/Program Files/J River/Media Center 30/Data/Custom Resources

(2) Download options.png and ActionWindowNavigation.png and drop them into .../Custom Art.
Close MC and insure with Task Manager that Media Center 30 and Media Center Service are not running.  Then start MC and you should see new icons in the left panel Action Window and in Tools > Options left panel.

(3) Download SmallIcons.png and drop it into .../Custom Art.
Download [Images.xml.txt.  Rename it to Images.xml and drop into .../Custom Resources.  It remains a human-readable text file.
Restart as in (2) and you should see new icons in Tree panel, as well as in both panels of the Customize Toolbar window.

(4) Download my ViewHeaderXX.png files and drop into .../Custom Art to establish consistency between the Tree's small icon and the large icon in upper left corner of respective views.


--- Quote from: mvandyke on October 08, 2022, 03:51:37 pm ---Your images.xml file has images out of order - is that correct?
--- End quote ---
It's fine.  Images.xml is MC's "resource key" to the icons listed in SmallIcons.png.  Each XML Start Tag - End Tag set <...>n</...> encloses an integer n pointing to the 0-based icon list count in SmallIcons.png.  The tag order within Images.xml does not matter, as long as the spellings and syntax are exactly correct.  If there are errors, then I find MC drops back to its default small icons.
Note:  To solve the resource names <...> puzzle, I examined MC's default versions of these two files in .../Data/Default Resources and .../Data/Default Art.  Then I confirmed my guesses by trial and error with the custom versions.

Note the caveat described in MC30 Feature Request https://yabb.jriver.com/interact/index.php/topic,133694.msg929271.html#msg929271

Update 10/22/2022:
New <ClearPlayingNow> icon with "X" = "Clear/Cancel/Close"  SFIF E894/E711/F78A/E8B3/EF2C, which I think is a better fit.  The previous symbol "-" resembles ECC9 "RemoveFrom".  Note:  I do not use "X" in a small black Action Circle since that generally signifies "Error" in SFIF.

Update 11/10/2022:
Replaced previous (Reply #16) ViewHeaderLibrary.png and ViewHeaderLibraryInactive.png 256x256 with those attached here.  The new ones mimic the state of the small icons currently used in the Playing Now > Playing from ... list.

markf2748:
Since there is a lot of interest in this thread (over 600 views as of today), I will take the liberty to post the rest of my ViewHeaderXX.png icons and updated/expanded smallIcons.png, images.xml.txt, and options.png.  Kudos to JRiver for building in the flexibility to accommodate these customizations.

Part 2/2

10/15/2022 Updated ViewHeaderPlaylist.png (4 lines + Blue plate = Playlist; 3 lines + Aqua plate = Smartlist; Playlist group retains blue plate for both Playlists and Smartlists)
10/18/2022 Added rounded rectangle to ViewHeaderDownload.png, indicating files captured from the cloud.

markf2748:
Since there is a lot of interest in this thread (over 600 views as of today), I will take the liberty to post the rest of my new ViewHeaderXX.png icons and updated/expanded smallIcons.png, images.xml.txt, and options.png.  Kudos to JRiver for building in the flexibility to accommodate these customizations.

Part 1/2

10/14/2022 Brightened the Video icon line art color to pure white.  Added three new SFIF F5B0 PlaySolid icons for PlayingNow. Dimmed the line art color for PlayinNowInactive icon.
10/15/2022 Added new icon for Playlists>RecentlyImported (which also appears for Playlists > Recently Ripped).  Apply color and line convention for Playlist icons:  4 lines + blue plate = Playlist; 3 lines + aqua plate = Smartlist; PlaylistGroup has blue plate for both Playlists and Smartlists since only a single resource is available for groups.
10/18/2022 Added rounded rectangle to <DownloadManager> icon in SmallIcons.png, indicating Services & Plug-ins > Downloads are files captured from the cloud.

HPBEME:
Hey Mark, I somehow missed the notification for all these new posts by you.  What an incredible amount of work you've done, and very generous to share… Thank you! Sure hope the JRiver team has taken note as well.


--- Quote from: markf2748 on October 06, 2022, 07:01:45 pm ---It would be straightforward to turn the color plates into monochrome solid, PNG transparency, or remove them entirely, and apply a contrasting foreground color to the line art, all in the individual icon SVG files.  Then reassemble them into new PNG files for ...Data/Custom Art .  Another approach (maybe this is what you are suggesting):  For icons that have select-able state, simplify by removing the plate/button altogether, show the selected state by filling the icon with color, show un-selected state by removing color fill leaving just the outline.  That could be tried now for MC's dual state icons such as the Playing Now/Playing from... and maybe to some extent for the Custom Toolbar icons.

--- End quote ---

Perhaps it is straightforward, but with well over 100 icons that I would want to update, that strikes me as a very large task - something that would take me many days to do. Admittedly, I'm no image-editing wizard, and maybe you have some advice for how to batch process all this. I don't have Photoshop - I use a free/open source image editor that is reasonably powerful (paint.net). I guess I could make a copy of all the small icons, convert all the colors to black and white, and then presumably I could filter on black for a transparency mask? Not really sure, as most of the image-editing I do is very basic. Any guidance you could provide would be appreciated.

I find all the full-color tree icons to be distracting and somewhat gaudy. If JRiver would add the same option for tree icons that is available for toolbar icons (remain colorless/transparent until you hover over them, and then fill with color), that would solve the "problem".  I think I will add this to the MC 30 feature requests thread, and then cross my fingers they choose to implement it.

That said, creating a brand-new icon set without the background "plate" would absolutely be a nice addition to JRiver… I am just not sure I'm up for expending the effort to create it.  Seems like those on the payroll might want to consider it though ;D.  Unfortunately, since this is an MC 29 thread, I imagine the monitoring of and interest in, is greatly diminished.

Navigation

[0] Message Index

[#] Next page

[*] Previous page