INTERACT FORUM

Please login or register.

Login with username, password and session length
Advanced search  
Pages: [1]   Go Down

Author Topic: New Standard View Skin: Easy Grey  (Read 396 times)

Jappie

  • Recent member
  • *
  • Posts: 11
New Standard View Skin: Easy Grey
« on: April 26, 2024, 04:45:07 am »

I like to share a 'Standard View' skin. I tried to submit the skin but I am unable to login. So, I decided to publish it using this forum. Anyone: feel free to use it.
About the skin: it's based on Modern Cards Dark, Black on Black, Windows (dark theme) and Tidal. I tested on Windows 10 Pro, Windows Display resolution: 1920x1080 (Size 150%), 3840x2160 (Size 250% and 300%), JRiver MC32, Font Segoe UI 10 pt and larger. Skin sizing from 50% to 400% without problems (exempt navigation issues above 200% of course).
I used the skin for the past month and it works well. No suprise: it's my default skin now...
Logged

marko

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 8943
Re: New Standard View Skin: Easy Grey
« Reply #1 on: April 26, 2024, 11:53:56 am »

First impressions are positive. Attention to detail is very high indeed, and, I've a fair idea how much time this will have taken. Really enjoying the "seamless" approach you have taken with this. Very good. I'll run with it a few days, see if I can break it ;)

I probably won't use it as-is full-time though because in some places, such as the tag window, the high black/white contrast is just too much for me.

comox

  • Galactic Citizen
  • ****
  • Posts: 408
Re: New Standard View Skin: Easy Grey
« Reply #2 on: April 26, 2024, 10:35:34 pm »

Thank you! Looks very promising. I will test drive for a few days.
Logged

Jappie

  • Recent member
  • *
  • Posts: 11
Re: New Standard View Skin: Easy Grey
« Reply #3 on: April 27, 2024, 08:08:36 am »

First impressions are positive. Attention to detail is very high indeed, and, I've a fair idea how much time this will have taken. Really enjoying the "seamless" approach you have taken with this. Very good. I'll run with it a few days, see if I can break it ;)

I probably won't use it as-is full-time though because in some places, such as the tag window, the high black/white contrast is just too much for me.

Hello Marko,
thanks for your response!
On March 1, I started editing an existing Skin. Just for fun. It's great to have a 'skinable' program and being able to change the looks (retired Webdesigner). I spend about 3 weeks learning, editing, testing (and repeating all that), resulting in a complete Skin. Complete? I hope so. Media Center is very complex, so many windows and views.

I am willing to make changes and of course correct errors, if any are discovered. I do not use every feature of Media Center so it's easy to miss something.

You mentioned:
"... in some places, such as the tag window, the high black/white contrast is just too much for me."
Could you explain more? Is it about Text-color? There are 2 editors, the 'modern' and the 'legacy' editor. The 'legacy editor' has different (darker white) text-colors. The 'modern' Tag-window is the only one with real white (#ffffff) Text.
Of course there was a reason for 'real white'. It's about focus and attention. Opening the Tag-window is kind of special. White Text will draw your attention from a List-item to the Tag-window.
I admit I like the text-colors of the 'legacy' editor more...
Logged

Jappie

  • Recent member
  • *
  • Posts: 11
Re: New Standard View Skin: Easy Grey
« Reply #4 on: May 03, 2024, 07:44:56 am »

Update Easy Grey version 1.1

I made some changes, and created a new version of the Skin: Easy Grey version 1.1.
I put the version-number in the main.xml (About...), not in the Skin Name itself.
Changes:
1. Rating stars: I forgot about them because I never use them. They were still in color. Changed that to greyscale to match the 'mood' of the skin.
2. Increased the 'Status Text', above the progress bar. The Rating Stars looked bad next to the (very small) 'Status Text'. Those Rating Stars... Well, if anyone wants to use them: they are ready.
3. Changed the modern TAG Window Text color (very white). Less shining, more compatible with other text-colors. (Thanks: Marco)

------------------------------------------------------------------------------------------------------------
Update Skin Easy Grey version 1.2

A new version of the Skin: Easy Grey version 1.2.
I put the version-number in the main.xml (About...), not in the Skin Name itself.

Many small improvements. Seventeen images updated, sometimes just a pixel, some changes in background color and margins.
Examples:
1. Modern TAG Window: different background, improved text-color, it looks more compact, like an editor.
2. Action Window and Display window: removed many margins to get a clean look. An image in 'Display' fits perfectly, no top or bottom-line. Very nice view when you select: 3D Visualization: Oscilloscoop. See attached Printscreen.
3. Tree-menu: All background color-bars (mouse-over) perfectly sized and aligned with Tag-, Display- and Action-titlebars. All with 1 pixel between them vertically. Issues about 1 pixel? Yes, indeed.
4. Very small changes in the Viewheader. Horizontal aligning of color-bars (Tabs and Playing Now background), vertical dark lines between Tabs. One pixel line below the Tab-title. A new Tab shows the real background color of the main List-area.
5. Search menu: It looked nice with rounded corners but the same Search menu shows on different places. One left, below the Tree-menu, whenever the Tag-window is active, can stretch as wide as the Tag-window. Rounded corners start to look messy. Not acceptable. Rectangular looks better.

------------------------------------------------------------------------------------------------------------
Update: Easy Grey version 1.3
I put the version-number in the main.xml (About...), not in the Skin Name itself.

Update notes:
1. Playerbar_Search.png: stretching was not working properly. Changed Code. Now everything stays pixelperfect.
2. Updated Icons:
- SmallIcons.png, Options.png, ActionBarNavigation.png: a few new Icons. Added a transparent border. This slightly reduces Icon display-size and gives them some 'air' in Tree-menu and Options windows. Yes, it took some ingenuity with Photoshop actionscripts to automate Icon-size changes :)
Action-bar Icons were grey, now back to original colors.
3. Frame_Spotlight.png: changed design and changed size. Image was not so square at large Skin sizes (200+).
4. minor changes, not worth mentioning.

Testing: I have a 55 inch LG Oled. Never used it at 3840x2160 resolution and 100% size (Windows-setting). 100% makes text very small... My eyes are usually 2.00 meters (78 inch) away with a Windows-setting of 300%. With 100% I needed to get up close: 70 centimeter (27 inch). Anything for a test... It was nice to play with Font-size and Skin-size. Font 8pt and Skin 400% looks good! Mainframe borders and images stay perfect. Set font to 8pt and Skin 200% and enjoy editing your database. Impressive.

------------------------------------------------------------------------------------------------------------
Learned about better organizing all the Skin-information on the forum. Thanks: SkGe

------------------------------------------------------------------------------------------------------------

Update: Easy Grey version 1.4
I put the version-number in the main.xml (About...), not in the Skin Name itself.

Update notes:
1. Update Player Control-buttons. Re-created the buttons,just a tiny bit different: thicker lines, the buttons gained weight. Most important: at some skin-sizes the vertical/horizontal lines are pixel-sharp ('hard lines'). Typical: Windows resolution 1920x1080, size 100%, Skin-size 150% (or Windows size 150% and Skin-size 100%): Player buttons are really sharp-edged.
2. MainFrame with the rounded corners kept me busy. At small Skin-sizes (50%, 60%), the corners looked bad. Improved images and xml-coding.
3. Frames of popup-windows (Options) with border and rounded corners also had problems with small Skin-sizes (50%, 60%): right-border disappeared. In the end: removed rounded corners. Just a 1 pixel border remains. (and disappears again as soon as the popup-windows go 'overboard' and the 'maximize' has to jump in to cure the issue...)
4. Some things are not possible: the button to Maximize the mainframe-window (Frame_FullScreenArrowsExpand), is very close to the horizontal Slider (adjust thumbnail-size). I can change that but at larger Skin-sizes (150% +) the maximize-button gets distorted (not square).
5. Put the 'old' (but improved) Spotlight-button back.
6. Some minor changes, and xml-code cleaning/updating. 26 images changed.

I am happy with the current 'state'. For me this Skin is about limiting distractions and placing the most important assets at the center: video/audio/images. Album Art is visually essential and database-selections should be clear and helpful. And yes, I like clean, well-made icons and 'skin-Art'.

------------------------------------------------------------------------------------------------------------
Update: Easy Grey version 1.5
I put the version-number in the main.xml (About...), not in the Skin Name itself.

Update notes:
1. The MainFrame with the rounded corners is not looking good at small skin-sizes (50% - 80%). Not acceptable. Kept me busy for some hours. In the end: replaced it with a rectangular field, one color.
This is quite a change, unfortunately. Well, it does make the layout-elements more consistent in the design.
2. minor changes.

That's it. Don't know what else to do. Maybe (re)create some icons?
Version 1 is ready.

Logged

markf2748

  • MC Beta Team
  • Citizen of the Universe
  • *****
  • Posts: 685
Re: New Standard View Skin: Easy Grey
« Reply #5 on: Today at 12:38:10 am »

Hello @Jappie,

Thanks for posting so much impressive work.  In version 1.1 I liked your Player-Control buttons (similar to Modern Cards: Dark), but the appearance was somewhat lacking in quality and I didn't find the size I wanted.  I see in the notes for version 1.4 you have now improved them.

Inspired, I worked up a variation for use with my modified Dark on Dark skin.  I simplified the PlayerBar_PrevButton and PlayerBar_NextButton to resemble their minimalist Segoe Fluent Icon font counterparts (Previous, Next, unicode points e892, e893).  Also added suggestive bright colors and slight size expansion during mouseover for additional clarity and a little fun factor.  I use them at Windows Scale 100% and MC Size 100% on a 1920x1200 monitor.  Files are attached in case you are curious.  :)

Logged

Jappie

  • Recent member
  • *
  • Posts: 11
Re: New Standard View Skin: Easy Grey
« Reply #6 on: Today at 10:57:53 am »

Hello Mark,

nice to see some colors and experiments!
I admit I do like to play with existing styles/images and see if I can make it more useful (size, sharpness) and interesting. My latest Player-buttons work very wel for sharpness. At 50%, 100%, 150% and 200% skinsize the buttons are very sharp. Separate button-images like 1x, 1.5x, 2x, do not help. Just found out... Learning and editing.
Easy Grey v 1.5 is out. Maybe last one for the time being.
Logged

Awesome Donkey

  • Administrator
  • Citizen of the Universe
  • *****
  • Posts: 7380
  • The color of Spring...
Re: New Standard View Skin: Easy Grey
« Reply #7 on: Today at 12:19:31 pm »

It's a pretty interesting skin, I like that it has a little more modern look compared to the Modern Cards: Dark Edition skin. It better fits Windows 11's aesthetic, IMO. Great work!

If I get some time, I might make a modification to the skin for my use by adding semi-transparency using the glass skin support MC has. You can (mostly) simulate the Acrylic/Mica aesthetic found in Windows 11 for example, and it looks rather nice when used in MC. Also might add rounded corners when the window isn't maximized, thanks to Matt adding support for that in skins. Both makes MC look more native, IMO.
Logged
I don't work for JRiver... I help keep the forums safe from Viagra and other sources of sketchy pharmaceuticals.

Windows 11 2023 Update (23H2) 64-bit + Ubuntu 24.04 LTS Noble Numbat 64-bit | Windows 11 2023 Update (23H2) 64-bit (Intel N305 Fanless NUC 16GB RAM/256GB NVMe SSD)
JRiver Media Center 32 (Windows + Linux) | Topping D50s DAC | Edifier R2000DB Bookshelf Speakers
Pages: [1]   Go Up